Skip to content

vue-trigger-ref-problem

Vue 之 triggerRef 問題

triggerRef 主要用於觸發 shallowRef 響應,但是在某些情境下會無法觸發響應。( ´•̥̥̥ ω •̥̥̥` )

甚麼是 shallowRef

想了解甚麼是 shallowRef 的朋友,可以參考我之前寫的文章

問題

問題重現

從以上例子可以看到,當 shallowRef 傳遞給子元件後,執行 triggerRef 並沒有觸發子元件內的響應。

官方有一個 issue 討論此問題。

不過目前看來還沒辦法解決,所以遇到此問題時,只能回歸直接賦值或者參考 issue 內其他解法。

總結 🐟

  • shallowRef 傳遞給子元件後,執行 triggerRef 不會觸發子元件內的響應
  • 直接賦值或者參考 issue 內其他解法