我的設定功能：
setup() {
const state = reactive({
// .....
venueFilter: null,
})
const venueFilter = ref(state.venueFilter);
watch(venueFilter, ()=> {
console.log('invoked watch');
if(venueFilter) {
doSomething();
}
});
return {
...toRefs(state),
//.....
}
}
上面的手表沒有被觸發（在模板中更改console.log('invoked watch');時沒有列印出來state.venueFilter。那么我該如何觀看state.venueFilter？
uj5u.com熱心網友回復：
您不能像那樣從反應物件的屬性中創建參考。這一行：
const venueFilter = ref(state.venueFilter); //venueFilter will not react to changes in state.venueFilter
相反，您可以傳入一個 getter 函式作為 watch 的第一個引數來回傳一個值：
watch(()=>state.venueFilter, ()=> {
console.log('invoked watch');
});
這是一個演示的作業示例
您也可以先呼叫 toRefs(state) 并傳入由此創建的venueFilter ref。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/332932.html