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