vue回调方法如何获取当前组件实例

Question

示例代码:

 <panel 
    :interval="c.INTERVALS.BY_HOUR"         
    :title="p.HOUR_DATA.name" 
     @time-change="handleTimeChange(p.HOUR_DATA.value,$event)">
     
     something more
     
 </panel>

有什么办法可以在handleTimeChange这个回调函数中获取到所关联的panel实例吗?(除了在panel内部将this作为参数抛出的形式) 谢谢

Answer 1

ref能获取到吗

Answer 2

handleTimeChange(){
    this.$children.forEach((item) => {
         if(item.$options.name.indexOf('panel ') > -1){
            //item就是你想要的panel实例
            console.log(item)
         }
    })
}

这个也就是父组件中查找子组件的实例。当然如果是孙子组件或者继续嵌套，也就是递归去查找了。