美文网首页univue系列
vue中v-mode和vuex同一个冲突时新写法

vue中v-mode和vuex同一个冲突时新写法

作者: litielongxx | 来源:发表于2023-09-24 10:54 被阅读0次

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

相关文章

  • Vue computed property values was

    案发现场 vue 文件中的核心代码写法 使用了 vuex 中的值来显示内容, 然后报错 [Vue warn]: C...

  • 历史记录

    单个组件中写法 引入 vuex写法

  • vue

    1、vue的双向数据绑定实现原理 2、vue如何在组件之间进行传值 3、vuex和vue的双向数据绑定有什么冲突 ...

  • 2019-06-07

    import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)...

  • state,mapState,...mapState对象展开符详

    state state是什么?定义:state(vuex) ≈ data (vue) vuex的state和vue...

  • 2018-09-06

    import Vue from 'vue'import Vuex from 'vuex' Vue.use(Vuex...

  • Vuex和Vue-Router

    vuex和vue-router是vue生态系统中的很重要的两个工具 vuex 是vue用来管理数据状态的一种机制,...

  • vue和vuex中的ES6 Shorthand method n

    最近在用vue和vuex开发。在.vue单文件的生命周期和vuex的actions定义中,有两段代码让人费解:pa...

  • VUEX

    main.js 中引入vueximport vuex from 'vuex'Vue.use(vuex )new V...

  • vuex1.0入门说明

    vuex 1.0 vue1的版本vuex 是对vue中的数据源状态进行管理的框架 vuex的图解 vuex就是一个...

网友评论

    本文标题:vue中v-mode和vuex同一个冲突时新写法

    本文链接:https://www.haomeiwen.com/subject/nivfbdtx.html