vue 父組件傳子組件數值,父值變更子獲取的值沒有變的問題

1.父組件給子組件傳值,子組件使用props接收值。

//父組件頁面
<div>
<TransChart :start-time="startTime" :end-time="endTime"/>
</div>
//子組件頁面
props: ['startTime', 'endTime'],

問題:父組件頁面在變更startTime和endTime時,子組件的值不會隨之改變。
解決辦法:在子組件內使用 watch 檢測數據變動

watch: {
    endTime: function() {
      this.initData()
    }
  },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章