双向绑定和 vuex 是否冲突

在严格模式中使用Vuex,当用户输入时,v-model会试图直接修改属性值,但这个修改不是在mutation中修改的,所以会抛出一个错误。当需要在组件中使用vuex中的state时,
使用带有setter的双向绑定计算属性。见以下例子(来自官方文档):

//template
<input v-model="message">
//scripte
{
 //...其他options
  computed: {
    message: {
      get() {
        return;
        this.$store.state.obj.message;
      },
      set(value) {
        this.$store.commit("updateMessage", value);
      },
    },
  },
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容