Vue-admin工作整理(十四):Vuex和双向绑定

概述,普通的直接通过input修改值然后取是不符合vue的规格的,所有数据定义和传递必须通过actions或者mutation来做

思路:通过在mutation层对字段进行定义值,在store中通过v-model来实现双向绑定,这里要注意在实现该双向绑定的时候一定要定义该函数的get、set方法,然后在...mapMutations方法中将mutation里的方法进行引入

<a-input v-model="stateValue"/>
    <p>{{ stateValue }} -> lastLetter is {{ inputValueLastLetter }}</p>
...mapMutations([
      'setStateValue'
    ])
 stateValue: {
      get () {
        return this.$store.state.stateValue
      },
      set (val) {
        this.setStateValue(val)
      }
    }
setStateValue (state, value) {
    console.log(value)
    state.stateValue = value
  }
原文地址:https://www.cnblogs.com/cristin/p/9639738.html