vue中v-mode和vuex同一个冲突时新写法
2023-09-24 本文已影响0人
litielongxx
vuex 中列如value1改变需要通过,特定mutation中方法或action。
input给的v-model value1改变时,也会触发实时修改。
那么input绑定v-model,value1初始化又读取vuex到底会不会变?
不会变,会报错
如果既想某个值来自vuex,又想要v-mode的实时变化可以同步到vuex,可以加个中间值value2
template
<input v-model="value2"/>
...
import { mapGetters, mapMutations } from 'vuex'
computed: {
...mapGetters('user', ['value1']),
value2: {
get: function() {
return this.value1
},
set: function(val) {
this.setUser({
className: val
})
}
}
},
methods:{
...mapMutations('user', ['setUser']),
}
详细参考:https://blog.csdn.net/cyyy1223/article/details/81532650