Vuex中的state的数据,在组件中无法赋值

在工作中,会遇到这样的业务,因为某种特殊的原因,页面的弹窗或者使用element-ui 等UI组件库,弹窗的显示隐藏会有相关变量来控制,直接点击关闭按钮,相当直接修改属性值,页面会报错。问题原因在于,state的数据在组件中具有的只是只读性,所以需要添加set 方法

computed: {
  visiable: {
    get () {
      return this.$store.state.visiable;
    },
    set (value) {
      this.$store.commit('changeVisiable', value); 
    }
  }
}

使用上述方法即可解决上述需求


听说分享关注的人都年薪百万了
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。