watch方法只能做到监听数据发生变化时,才能触发相应的数据变动并作出操作。
但是,当我们在第一次触发并且把数据保存起来之后,再次操作则watch并没有监听数值没有发生变化然后再次作出相应的数据变动操作了。这时候,我们需要换个实现方式。
父组件
<Popup ref="popup" :dialog-type="type"></Popup>
method:{
func(){
this.$refs.popup.toOpen(id)
}
}
子组件:Popup
<audit-apply-form ref="auditApplyForm" :dialog-type="dialogType"/>
method:{
toOpen(id){
this.$refs.auditApplyForm.onOpen(id)
}
}
孙组件:auditApplyForm
这时候再执行相应的操作即可,当id没有发生变动的时候,依然可以触发该孙组件的内容事件
// 显示
onOpen(id) {
this.dialogVisible = true
//相应操作......
},