vue 父组件传子组件数值,父值变更子获取的值没有变的问题

1.父组件给子组件传值,子组件使用props接收值。

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

问题:父组件页面在变更startTime和endTime时,子组件的值不会随之改变。
解决办法:在子组件内使用 watch 检测数据变动

watch: {
    endTime: function() {
      this.initData()
    }
  },

猜你喜欢

转载自blog.csdn.net/gua222/article/details/107035644