vue 父组件传子组件数值,父值变更子获取的值没有变的问题
1.父组件给子组件传值,子组件使用props接收值。//父组件页面<div><TransChart :start-time="startTime" :end-time="endTime"/></div>//子组件页面props: ['startTime', 'endTime'],问题:父组件页面在变更startTime和endTime时,子组件的值不会随之改变。
·
1.父组件给子组件传值,子组件使用props接收值。
//父组件页面
<div>
<TransChart :start-time="startTime" :end-time="endTime"/>
</div>
//子组件页面
props: ['startTime', 'endTime'],
问题:父组件页面在变更startTime和endTime时,子组件的值不会随之改变。
解决办法:在子组件内使用 watch 检测数据变动
watch: {
endTime: function() {
this.initData()
}
},
更多推荐
已为社区贡献3条内容
所有评论(0)