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

时间:2021-09-20 18:19:17

概述,普通的直接通过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
}