在工作中,会遇到这样的业务,因为某种特殊的原因,页面的弹窗或者使用element-ui 等UI组件库,弹窗的显示隐藏会有相关变量来控制,直接点击关闭按钮,相当直接修改属性值,页面会报错。问题原因在于,state的数据在组件中具有的只是只读性,所以需要添加set 方法
computed: {
visiable: {
get () {
return this.$store.state.visiable;
},
set (value) {
this.$store.commit('changeVisiable', value);
}
}
}
使用上述方法即可解决上述需求
听说分享关注的人都年薪百万了