Das Beobachten des Zustandsobjekts in Pinia wird nicht ausgelöst, wenn sich das Objekt ändert
P粉002546490
2023-08-28 12:14:33
<p>Ich habe ein tiefes Objekt in meinem Pinia-Zustand, an dem ich einen Beobachter platzieren möchte. </p>
<pre class="brush:js;toolbar:false;">export const useProductStore = defineStore("product", {
Zustand: () => ({
Attribute: {},
}),
});
</pre>
<p>Wenn ein Objekt Daten enthält, sieht es so aus: </p>
<pre class="brush:json;toolbar:false;">attributes: {
Englisch: {
0: {
Schlüssel: "Schlüssel1",
Wert: "Wert1"
},
1: {
Schlüssel: "Schlüssel2",
Wert: "Wert2"
},
...
}
}
</pre>
<p>Ich versuche, einen Beobachter auf diesem Objekt zu platzieren, aber wenn sich der Wert ändert, wird der Beobachter nicht ausgelöst. Dies ist die Komponente, in der ich dies versuche: </p>
<pre class="brush:js;toolbar:false;"><script setup>
import { useProductStore } aus "@/stores/ProductStore";
import { storeToRefs } from "pinia";
const productStore = useProductStore();
const { attributes } = storeToRefs(productStore);
watch(() => ({...attributes}), (newValue, oldValue) => {
console.log(oldValue);
console.log(newValue);
}, { deep: true });
</script>
</pre>
<p>Das kommt direkt aus der Pinia-Dokumentation, aber wenn ich den Status ändere, passiert nichts. Mit den Vue-Entwicklungstools kann ich sehen, dass sich das Statusobjekt ändert, sodass ich weiß, dass es reaktiv ist. Was habe ich verpasst? </p>
storeToRefs
生成ref()代码>
s.您说这个示例“直接来自 pinia 文档”,但我怀疑您是否发现在 pinia 文档中的任何地方传播
ref
。如果您这样做了,那么这是一个错误,应该通过在pinia
的存储库上提出问题来向 posva 指出。可以直接观看参考:
...或者您可以使用箭头函数查看其
.value
1:注意
newVal
和oldVal
参数是 代理 2。要访问其目标,请使用 toRaw。工作演示。 p>
1 - 它允许更窄的观察者,例如:
2 - 如果将对象放入
ref()
“该对象是与reactive()
" 进行深度反应(参见 详细信息)。另请阅读反应式代理与原始代理 .