当前位置: 首页 > news >正文

pinia中使用reactive声明变量,子页面使用时,值未改变,即不是响应式的(解决方法)

reactive赋值无效!reactive 不要直接data=赋值!!!会丢失响应式的,只能通过obj.属性 = 属性值赋值
方法一.
pinia中直接使用ref定义变量即可

export const useUserStore=defineStore('user',()=>{let loginUser=reactive({})return {loginUser}})

方法二:
pinia中仍使用reactive ,通过obj.属性 = 属性值赋值

将这里
const testObject = reactive({show:false,titleL:'这里是标题!'
});
改为
const testObject = reactive({aa:{show:false,titleL:'这里是标题!'}
});赋值操作改为:const clickHandle = (e)=>{testObject.aa.show = e.traget.checked;
}
http://www.lryc.cn/news/208319.html

相关文章:

  • 基于springboot零食商城管理系统
  • C++程序练习
  • Golang 继承
  • 棋盘格测距-单目相机(OpenCV/C++)
  • 031-从零搭建微服务-监控中心(一)
  • vue中使用xlsx插件导出多sheet excel实现方法
  • Linux - 进程的优先级 和 如何使用优先级调度进程
  • 支持控件drag和click
  • AIR101 LuatOS LVGL 显示多个标签例程
  • Istio实战(七)- Bookinfo 部署
  • 出差学小白知识No5:|Ubuntu上关联GitLab账号并下载项目(ssh key配置)
  • FL Studio21.2中文版多少钱?值得下载吗
  • 软考系统架构师知识点集锦三:软件架构设计
  • docker - window Docker Desktop升级
  • Element UI + Vue 新增和编辑共用表单校验无法清除问题(已解决)
  • FL Studio21最新中文汉化解锁版,2024怎么激活FL Studio
  • Mac怎么清理磁盘空间?释放Mac磁盘空间有效方法
  • 论文阅读(一)城市干道分段绿波协调控制模型研究
  • k8s 部署nginx前端
  • ClickHouse UDF 官方示例Example报错解决方案
  • eval()函数的用法,计算字符串中的值,模板字符串进行计算
  • leetcode第80题:删除有序数组中的重复项 II
  • 【Docker】Docker-Compose内置DNS负载均衡失效问题
  • [Python]Selenium-自动化测试
  • 高效管理文件夹名称:如何批量修改指定多样化的文件夹名称
  • c 读取音频协议WAV文件头(再生成wav文件)
  • Prompt设计与大语言模型微调
  • 修复VS2015没有代码提示的问题【已解决】
  • DeepSpeed: 大模型训练框架 | 京东云技术团队
  • 暄桐推荐|学书法的必读书目