vue3 如何使用 reactive 只保留有更動的屬性

vue3 watch

bendwarn 2022-08-26 12:02:28 ‧ 917 瀏覽

const a = reactive({foo:..., bar:...})
const b = reactive({})
/*
  watch 或之類的操作
*/
a.foo=123
console.log(b) // {foo:123}

除了在 watch 每次跑遍全部屬性這種暴力解以外，有沒有比較好的方法？

水無痕 iT邦新手 3 級 ‧ 2022-08-27 16:13:01 檢舉

如果是要抓 form 已變更 / 未變更的資料狀態 !
初步猜測可以找一下 state 相關的資料 !
例：dirty / valid / touched !

bendwarn iT邦新手 5 級 ‧ 2022-08-29 23:34:44 檢舉

的確是個方向

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

froce

iT邦大師 1 級 ‧ 2022-08-26 15:15:37

const a = reactive({foo:..., bar:...})
const {foo} = toRefs(a)

watch(foo, (nV, oV) => {
      console.log(nV, oV)
})

這樣?

立即登入回答