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;
}
相关推荐
之歆16 分钟前
DAY_25 JavaScript 原型、原型链与值类型/引用类型 ── 深度全解(下)
开发语言·javascript·ecmascript
咪饭只吃一小碗44 分钟前
从变量提升到 V8 预编译,彻底搞懂 JS 执行机制
javascript
农夫三拳有点疼=-=44 分钟前
vue3实现输入框标签和文本交互
javascript·vue.js·交互
ZC跨境爬虫1 小时前
跟着MDN学HTML_day_47:(Document接口)
前端·javascript·ui·html·ecmascript·音视频
sheeta19981 小时前
vue_vuex笔记
javascript·vue.js·笔记
user297525876121 小时前
使用SSE实现流式渲染实践
前端·javascript
铁皮饭盒2 小时前
震惊, Bun突发新版, 重写核心, 换掉了底层Zig
前端·javascript·后端
fanzhonghong2 小时前
javaWeb开发之前端实战(Vue工程化+ElementPlus)
前端·javascript·vue.js·后端·spring
openKaka_2 小时前
completeWork:真实 DOM 是在哪里被创建的
前端·javascript·react.js