Vue父组件如何获取子组件的ref

有时候我们在特殊情况下父组件需要获取到子组件的实例对象,比如封装组件等情况下,这时候我们需要获取子组件的实例对象这时候该怎么办呢?

接下来我们先给父组件定义一个ref,定义完之后我们看看我们这个点击事件拿到的ref是什么东西
Vue父组件如何获取子组件的ref_第1张图片
Vue父组件如何获取子组件的ref_第2张图片

 这时候我们拿到了,组件的实例对象,密密麻麻,接下来我们需要找出我们子组件的实例对象,箭头所指
Vue父组件如何获取子组件的ref_第3张图片

 这不是我子组件定义的ref实例嘛

所以结论不就不攻自破了嘛

结论:

        this.$refs.father.$refs.childer 

最后可结合各位码友自身去修改ref所设定的值,拜拜

你可能感兴趣的:(大数据)