最新消息: 新版網站上線了?。?!
  • vuex 實現getter值賦值給vue組件里的data示例

    通過watch將orderDetailsData對象賦值給data中的consignee對象,這樣能將操作能避免v-model修改時,直接改動vuex中的值。

    <template>
     <input type="text" placeholder="請輸入收貨人名字" v-model="consignee.name">
     <input type="text" placeholder="請輸入收貨地址" v-model="consignee.address">
     <input type="text" placeholder="請輸入收貨人手機號" v-model="consignee.mobile">
    </template>
     
    <script>
     data () {
      return {consignee: {}}
     },
     
     computed:{
      ...mapGetters([
       'orderDetailsData',
      ])
     },
     
     watch: {
      orderDetailsData: {
       handler: function (val, oldVal) {
        this.consignee.name = val.consignee; //收貨人名字
        this.consignee.address = val.address; //收貨人地址
        this.consignee.mobile = val.mobile; //收貨人電話
       },
       deep: true
      }
     }
     
    <script>

    以上這篇vuex 實現getter值賦值給vue組件里的data示例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持谷谷點程序。

    .....

    轉載請注明:谷谷點程序 » vuex 實現getter值賦值給vue組件里的data示例

    平度胜利路按摩在什么地方多,平度做大活的足疗,平度职教中心女孩微信,平度找曼地方