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

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

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

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

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


听说分享关注的人都年薪百万了image.png

相关文章
|
6月前
Vuex中改变store状态值的方法是什么?为什么?
Vuex中改变store状态值的方法是什么?为什么?
177 1
|
2月前
|
前端开发 JavaScript
学习react基础(3)_setState、state、jsx、使用ref的几种形式
本文探讨了React中this.setState和this.state的区别,以及React的核心概念,包括核心库的使用、JSX语法、类与函数组件的区别、事件处理和ref的使用。
68 3
学习react基础(3)_setState、state、jsx、使用ref的几种形式
|
29天前
|
存储 监控 JavaScript
Vuex 中 State 的作用
【10月更文挑战第15天】State 是 Vuex 状态管理体系中的核心组成部分,它为应用提供了可靠的数据共享和管理机制,保障了应用的正常运行和良好体验。理解和正确使用 State 是掌握 Vuex 状态管理的关键,对于构建复杂、高效的 Vue 应用具有重要意义。
|
1月前
|
监控 JavaScript
Vuex学习二:Vuex的重点属性学习,state、mutations、getters、actions、module。
这篇文章是关于Vuex状态管理库的深入学习,涵盖了其核心概念如state、getters、mutations、actions和modules,并通过实例代码展示了它们的使用和重要性。
25 1
|
3月前
|
前端开发
React组件实例更改state状态值(四)
【8月更文挑战第14天】React组件实例更改state状态值(四)
38 1
React组件实例更改state状态值(四)
|
6月前
|
JavaScript
如何在Vuex中定义和使用getters和actions
在Vuex中,`getters`用于派生状态值,类似Vue的计算属性,例如从`todos`状态中过滤已完成/未完成任务。`actions`则处理异步操作,如模拟加载数据,通过`commit`改变状态。
|
6月前
v-model绑定vuex的state怎么实现?
v-model绑定vuex的state怎么实现?
|
11月前
Vuex->vuex获取值以及改变值,vuex异步请求
Vuex->vuex获取值以及改变值,vuex异步请求
50 0
|
机器学习/深度学习 前端开发 JavaScript
React 内部数据 state v.s. 外部数据 props
React 内部数据 state v.s. 外部数据 props
84 0
|
前端开发
react为什么调用setState而不是直接改变state
react为什么调用setState而不是直接改变state
84 0