Computed property "dialogFormVisible" was assigned to but it has no setter

最新推荐文章于 2022-10-31 19:47:53 发布

置顶 JustDoIt521

最新推荐文章于 2022-10-31 19:47:53 发布

阅读量8.1k

点赞数 2

分类专栏： vue 文章标签： Vue

本文链接：https://blog.csdn.net/qq_34119437/article/details/85319066

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

最近在使用vue开发项目的时候使用vuex。需要在不同页面监听vuex中的某个值的变化。

发现在界面中如果某个DOM需要根据某个属性值来控制显隐比如 v-if="temp" 或者双向绑定的时候 v-model="temp" (temp的值根据vux中的某个值进行改变)

此时会报错 Computed property "dialogFormVisible" was assigned to but it has no setter

查找文档后发现使用v-model v-if 的时候需要设置setter

则原代码

dialogFormVisible: function() {
      return this.$store.state.bigScreen.dialogFormVisible
    }

需要做如下改变

dialogFormVisible: {
      get: function() {
        return this.$store.state.bigScreen.dialogFormVisible
      },
      set: function() { //因为我这里并不需要其他属性也跟着一起改变 所以就这样写了
        console.log('1')
      }
    }