pinia state 状态改变监听不到?

知识点

storeToRefs#

▸ storeToRefs<SS>(store): ToRefs<StoreState<SS> & StoreGetters<SS> & PiniaCustomStateProperties<StoreState<SS>>>

创建一个引用对象,包含 store 的所有 state、 getter 和 plugin 添加的 state 属性。 类似于 toRefs(),但专门为 Pinia store 设计, 所以 method 和非响应式属性会被完全忽略。

见官方文档

背景

我是通过 storeToRefs 来将 pinia 中的 state 转为响应式的,我想通过 watch 监听 state 数据的改变,但是发现始终没反应,代码如下

const { selectedStatus } = storeToRefs(layer);

watchEffect(() => {
     console.log("selectedStatus1",selectedStatus);
 });

原因

想要监听到改变,需直接获取 .value 形式。

const { selectedStatus } = storeToRefs(layer);

watchEffect(() => {
     console.log("selectedStatus2",selectedStatus.value);
 });

注意:这样仅可以监听到基础变量类型,引用类型无法监听到

 

posted @ 2023-04-04 15:20  蓓蕾心晴  阅读(1625)  评论(0编辑  收藏  举报