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

相关文章
|
10月前
|
编解码 Cloud Native 算法
通义万相:视觉生成大模型再进化
通义万相是阿里云推出的视觉生成大模型,涵盖图像和视频生成。其2.0版本在文生图和文生视频方面进行了重大升级,采用Diffusion Transformer架构,提升了模型的灵活性和可控性。通过高质量美学标准和多语言支持,大幅增强了画面表现力。此外,视频生成方面引入高压缩比VAE、1080P长视频生成及多样化艺术风格支持,实现了更丰富的创意表达。未来,通义万相将继续探索视觉领域的规模化和泛化,打造更加通用的视觉生成大模型。
|
11月前
|
缓存 安全 前端开发
轻创优选商城系统开发
轻创优选商城系统旨在提供优质的电商购物体验,涵盖项目背景、需求分析、技术选型、系统设计、功能实现、测试优化、部署上线及运营维护等环节,确保用户便捷安全购物,同时助力商家高效管理。
|
前端开发 JavaScript
|
SQL 存储 分布式计算
插入Hive表数据SQL
【8月更文挑战第10天】
467 4
|
Linux API 开发工具
LLM大模型部署实战指南:Ollama简化流程,OpenLLM灵活部署,LocalAI本地优化,Dify赋能应用开发
【8月更文挑战第5天】LLM大模型部署实战指南:Ollama简化流程,OpenLLM灵活部署,LocalAI本地优化,Dify赋能应用开发
LLM大模型部署实战指南:Ollama简化流程,OpenLLM灵活部署,LocalAI本地优化,Dify赋能应用开发
|
存储 自然语言处理 编译器
【C++入门 三】学习C++缺省参数 | 函数重载 | 引用
【C++入门 三】学习C++缺省参数 | 函数重载 | 引用
|
Java Maven
maven配置阿里云镜像源
maven配置阿里云镜像源
41110 1
|
缓存 Java Spring
spring注解@CrossOrigin不起作用之解决方案
spring注解@CrossOrigin不起作用之解决方案
2149 0
spring注解@CrossOrigin不起作用之解决方案
|
SQL HIVE
Hive 报错:Error: Error while compiling statement: FAILED: ParseException line 1:7 Failed to recognize
Hive 报错:Error: Error while compiling statement: FAILED: ParseException line 1:7 Failed to recognize
feof用法重点详解(易被误用判断文件结束!!!)
feof用法重点详解(易被误用判断文件结束!!!)