vue組件傳值 prop傳遞對象或數組


一種方法:

需要吧子組件接收的的參數變為本地數據。利用 JSON.stringify 和 JSON.parse() 來進行轉化。(感覺不太好)

第二種方法

原因則是 異步更新值的問題 

就是說開始的時候有個默認值,這個默認值會被異步數據改變,比如說這個異步數據返回的object,如果你用props的方式去傳遞這個數據,其實第一次傳遞的空值,第二次傳遞的是更新后的值,所以就出現報未找到的錯誤.
解決方法:(watch,監聽這個值)
既然說第一次是空值,它會這樣處理''.items[0],那么我們是不是可以在html判斷這個是不是空(或者在computed或者是watch來判斷是否為默認值)
watch監聽基本類型屬性:watch對象中直接可以寫函數
watch監聽引用類型屬性:watch中跟對象形式的配置項
 watch: {
    heartData: {
      handler: function(heartData) {
        this.$nextTick(() => {
          this.showmyChart()
        })
      },
      deep: true,
      immediate: true
    }
  },
選項:deep 為了發現對象內部值的變化,可以在選項參數中指定  deep: true。注意監聽數組的變更不需要這么做。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM