vue2怎么在父组件获取子组件的DOM元素

在Vue2中，可以使用$refs属性来在父组件中获取子组件的DOM元素。下面是一个示例：

<template>
  <div>
    <child-component ref="childRef"></child-component>
    <button @click="getElement">获取子组件的DOM元素</button>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    getElement() {
      const childElement = this.$refs.childRef.$el;
      console.log(childElement);
    }
  }
}
</script>

在上面的示例中，我们首先在父组件中引入了子组件`ChildComponent`，然后在模板中使用`ref`属性给子组件起了一个引用名`childRef`。接着，在父组件的`getElement`方法中，通过`this.$refs.childRef.$el`来获取子组件的DOM元素，并将其打印出来。

需要注意的是，使用$refs属性获取子组件的DOM元素只能在子组件已经被渲染到DOM中之后才能生效。