zl程序教程

您现在的位置是:首页 >  其他

当前栏目

pinia state 状态改变监听不到?

状态 改变 不到 监听 State Pinia
2023-09-14 09:07:43 时间

知识点

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);
 });

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