vue3如何获取el-scrollbar中el-scrollbar_wrap的dom

在 Vue3 中获取 `el-scrollbar` 中 `el-scrollbar_wrap` 的 DOM 元素可以通过以下两种方式来实现：

1. 使用 `ref` 获取 DOM 元素

在模板中使用 `ref` 给 `el-scrollbar` 元素绑定一个引用，然后在组件中通过 `refs` 对象访问该引用，从而获取到 `el-scrollbar_wrap` 元素的 DOM 引用。示例如下：

<template>
  <el-scrollbar ref="scrollbar">
    <div class="scrollbar-wrap"></div>
  </el-scrollbar>
</template>

<script>
export default {
  mounted() {
    const scrollbarWrap = this.$refs.scrollbar.wrap;
    console.log(scrollbarWrap); // 获取到 el-scrollbar_wrap 元素的 DOM 引用
  }
}
</script>

2. 使用 `nextTick` 获取 DOM 元素

在组件中使用 `nextTick` 方法等待下一次 DOM 更新后再获取 `el-scrollbar_wrap` 元素的 DOM 引用，示例如下：

<template>
  <el-scrollbar ref="scrollbar">
    <div class="scrollbar-wrap"></div>
  </el-scrollbar>
</template>

<script>
export default {
  mounted() {
    this.$nextTick(() => {
      const scrollbarWrap = this.$el.querySelector('.el-scrollbar__wrap');
      console.log(scrollbarWrap); // 获取到 el-scrollbar_wrap 元素的 DOM 引用
    });
  }
}
</script>