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;
}
相关推荐
kyriewen13 小时前
我让AI替我写Git提交信息,老板以为我每天工作16小时
前端·javascript·git
接着奏乐接着舞13 小时前
react native expo打包
javascript·react native·react.js
chushiyunen14 小时前
typescript笔记、ts笔记、npx命令
javascript·笔记·typescript
ZC跨境爬虫14 小时前
跟着 MDN 学 HTML day_55:HTML 音频与视频嵌入实战指南
前端·javascript·ui·html·音视频·媒体
m0_5027249514 小时前
golang 、java、c++、javascript 语言switch case异同
java·javascript·c++·golang
ZC跨境爬虫15 小时前
跟着 MDN 学 HTML day_57:(HTML 表格进阶特性与无障碍实践)
java·前端·javascript·ui·html·音视频
Moment15 小时前
刷 Reddit 1 小时没结果?我用这个方法 10 秒挖出真实需求
前端·javascript·后端
w_t_y_y15 小时前
VUE组件配置项(零)概述
前端·javascript·vue.js
水云桐程序员15 小时前
Web应用的分类
前端·javascript·vue.js·react.js·webkit