vue 父组件获取子组件的dom

可以通过在子组件中使用 `ref` 属性来获取子组件的 DOM 元素，然后在父组件中通过 `$refs` 来访问该 DOM 元素。具体实现步骤如下：

1. 在子组件中给需要获取的 DOM 元素添加 `ref` 属性，例如：

   <template>
     <div ref="myDiv">这是一个子组件</div>
   </template>

2. 在父组件中通过 `$refs` 访问该 DOM 元素，例如：

   export default {
     mounted() {
       const myDiv = this.$refs.myChildComponent.$refs.myDiv;
       console.log(myDiv);
     }
   }

上述代码中，`myChildComponent` 是子组件的引用名称，`myDiv` 是子组件中需要获取的 DOM 元素的引用名称。

相关问题

vue子组件获取父组件的dom

在Vue中，子组件获取父组件的DOM元素是一个不常见的需求。通常情况下，父组件应该将需要传递给子组件的数据通过props传递给子组件，而不是让子组件直接访问父组件的DOM元素。如果确实需要在子组件中访问父组件的DOM元素，可以使用$parent属性来访问父组件实例，然后通过父组件实例的$el属性来获取DOM元素。但是需要注意的是，这种做法不太推荐，因为它破坏了组件的封装性，使得子组件与父组件之间产生了耦合。