父组件如果想拿到子组件中的一个标签应该怎么实现

Question

问题描述

一个子组件中包含了很多的div标签，我想在父组件中得到子组件中的一个div标签，应该怎么实现
比如在下面的代码中 我想在父组件中获得子组件的一个div

父组件:

<child ref="childForm"></child>
<script>
    import child form './Child'
    export default {
        components:{
            child
        }
    }
</script>

子组件：

    <div ref="div1">1</div>
    <div ref="div2">2</div>

Answer 1

this.$refs.childForm.$refs.div1

const _this = this.$refs.childForm // 子组件的 this
const div1 = _this.$refs.div1 // 子组件的refs