univue系列

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

上一篇下一篇

猜你喜欢

热点阅读