在vue开发中,经常会有组件之间的传值问题。我相信大家都很熟悉,props ,$emit等接受使用;
今天就记录一下,父传子 通过props接受的属性怎么在方法中使用
这是在父组件中引入的子组件
<tran-echart :my-date="this.nowTime"></tran-echart>
my-date是子组件中需要接受的
props: {
myDate: String,
}
除了这样{{myDate}}
如果想在方法中使用,就需要用到watch啦
watch: {
myDate: {
handler(newValue, oldValue) {
if (newValue) {
this.myDate = newValue;//newValue传递的值, this.myDate 自定义的字段叫啥都行
this.gpList();//调用你需要的方法哟!
}
},
deep: true,//确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。)
immediate: true,//确认是否以当前的初始值执行handler的函数
},
},
今日记录完毕!有问题可以互相讨论一下~~
网友评论