【解決方案】vue 子組件watch監聽不到prop

問題描述

在vue項目中，父組件通過prop給子組件傳值時，如果prop值是從服務器端獲取，則父組件可能會傳給子組件一個默認值(服務端數據還未及時獲取)，那麼，我們就需要實時watch這個prop值，一旦prop值有更新，將立即通知子組件更新。

解決方案

watch: {
    levelDetail: {
      immediate: true, // 很重要！！！
      handler (val) {
        this.levelPersonal = !val ? {} : val
        // console.log('action Value:', val, this.levelPersonal)
      }
    }
  },

官方文檔

vue-watch 參考文檔