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;
}
相关推荐
wuhen_n15 分钟前
模板编译三阶段:parse-transform-generate
前端·javascript·vue.js
滕青山19 分钟前
正则表达式测试 在线工具核心JS实现
前端·javascript·vue.js
不可能的是20 分钟前
前端图片懒加载方案全解析
前端·javascript
wuhen_n21 分钟前
Fragment 与 Portal 的特殊处理
前端·javascript·vue.js
用户57573033462430 分钟前
🚀 JS事件机制大揭秘:从“橘子”报警到“列表”瘦身,前端老鸟都在偷笑的秘密!
javascript
用户57573033462435 分钟前
💎 JS 中的“隐形人”:Symbol 数据类型深度解密!从命名冲突到隐私保护
javascript
掘金安东尼1 小时前
Fun with TypeScript Generics:玩转 TS 泛型
前端·javascript·面试
掘金安东尼1 小时前
Next.js 企业级落地
前端·javascript·面试
掘金安东尼1 小时前
React 性能优化完全指南 2026
前端·javascript·面试
小霖家的混江龙1 小时前
从 0 到 1 实现一个 useState
前端·javascript·react.js