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;
}
相关推荐
TU不秃头5 小时前
JS逆向实战五:某海关公示平台分析(瑞数加密)
javascript·爬虫
Можно9 小时前
深入理解 ES6 Proxy:与 Object.defineProperty 的全面对比
前端·javascript·vue.js
天天向上102411 小时前
vue el-table实现拖拽排序
前端·javascript·vue.js
西西学代码11 小时前
Flutter---回调函数
开发语言·javascript·flutter
卷帘依旧11 小时前
JavaScript 闭包经典问题:为什么输出 10 次 i=10
javascript
柳杉11 小时前
Three.js × Blender:从建模到 Web 3D 的完整工作流深度解析
前端·javascript·数据可视化
用户8061381665913 小时前
发布为一个 npm 包
前端·javascript
TT_哲哲13 小时前
小程序双模式(文件 / 照片)上传组件封装与解析
前端·javascript
从文处安14 小时前
「九九八十一难」从回调地狱到异步秩序:深入理解 JavaScript Promise
前端·javascript
进击的尘埃14 小时前
Node.js 子进程管理:child_process 模块的正确打开方式
javascript