父组件
<router-view ref="mychild" :setTree="setTree" :scheduleList='scheduleList'></router-view>
<script>
export default {
data() {
return {
setTree: [],
}
}
}
</script>
子组件
props: {
setTree: Array,
},
data() {
return {
tree: [],
}
}
此时子组件的methods中使用this.setTree不存在(空值)
这时我们监听setTree的值,当它由空转变时就会触发,拿到值后要做的处理方法也需要在watch里面执行
setTree: function(newVal, oldVal) {
console.log("newVal", newVal) //newVal即是setTree
this.tree = newVal
newVal && this.onloading(); //newVal存在的话执行drawChar函数
},