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

豆逗逗

已于 2023-11-20 10:59:22 修改

阅读量2.5k

点赞数

分类专栏： vue3 pinia 文章标签： javascript reactive ref pinia vue3

于 2023-10-26 15:19:37 首次发布

本文链接：https://blog.csdn.net/weixin_38345306/article/details/134056994

版权

vue3 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

pinia

1 篇文章 0 订阅

订阅专栏

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

export const useUserStore=defineStore('user',()=>{
    let loginUser=ref({})
    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;
}