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

相关文章
|
JavaScript 前端开发
Javascript 字符串分割split()
Javascript 字符串分割split()
995 0
Javascript 字符串分割split()
|
9月前
|
编解码 Cloud Native 算法
通义万相:视觉生成大模型再进化
通义万相是阿里云推出的视觉生成大模型,涵盖图像和视频生成。其2.0版本在文生图和文生视频方面进行了重大升级,采用Diffusion Transformer架构,提升了模型的灵活性和可控性。通过高质量美学标准和多语言支持,大幅增强了画面表现力。此外,视频生成方面引入高压缩比VAE、1080P长视频生成及多样化艺术风格支持,实现了更丰富的创意表达。未来,通义万相将继续探索视觉领域的规模化和泛化,打造更加通用的视觉生成大模型。
|
11月前
|
JSON 前端开发 JavaScript
浅谈JavaScript中的Promise、Async和Await
【10月更文挑战第30天】Promise、Async和Await是JavaScript中强大的异步编程工具,它们各自具有独特的优势和适用场景,开发者可以根据具体的项目需求和代码风格选择合适的方式来处理异步操作,从而编写出更加高效、可读和易于维护的JavaScript代码。
243 1
|
前端开发 JavaScript
|
SQL 存储 分布式计算
插入Hive表数据SQL
【8月更文挑战第10天】
356 4
Vue3头像(Avatar)
这是一个基于 Vue3 的头像组件库,提供了圆形和方形两种头像形状,并支持自定义大小、图片、图标及字符展示。
402 0
Vue3头像(Avatar)
|
Linux API 开发工具
LLM大模型部署实战指南:Ollama简化流程,OpenLLM灵活部署,LocalAI本地优化,Dify赋能应用开发
【8月更文挑战第5天】LLM大模型部署实战指南:Ollama简化流程,OpenLLM灵活部署,LocalAI本地优化,Dify赋能应用开发
LLM大模型部署实战指南:Ollama简化流程,OpenLLM灵活部署,LocalAI本地优化,Dify赋能应用开发
|
10月前
|
缓存 安全 前端开发
轻创优选商城系统开发
轻创优选商城系统旨在提供优质的电商购物体验,涵盖项目背景、需求分析、技术选型、系统设计、功能实现、测试优化、部署上线及运营维护等环节,确保用户便捷安全购物,同时助力商家高效管理。
|
小程序
[渲染层错误] [jsbridge] invoke remoteDebugInfo fail: too eayly.
这篇文章分享了在小程序开发过程中遇到的一个渲染层错误,原因是路径错误,特别是图片后缀名的遗漏,通过手动修正后问题得到解决。
[渲染层错误] [jsbridge] invoke remoteDebugInfo fail: too eayly.
|
小程序 开发者
uniapp实战 —— 开发微信小程序的调试技巧
uniapp实战 —— 开发微信小程序的调试技巧
1118 1