1.父組件給子組件傳值,子組件使用props接收值。
//父組件頁面
<div>
<TransChart :start-time="startTime" :end-time="endTime"/>
</div>
//子組件頁面
props: ['startTime', 'endTime'],
問題:父組件頁面在變更startTime和endTime時,子組件的值不會隨之改變。
解決辦法:在子組件內使用 watch 檢測數據變動
watch: {
endTime: function() {
this.initData()
}
},