Vue 中如何通过类别名获取 dom 元素？

在Vue中，可以使用$refs来引用DOM元素。你可以给元素添加一个ref属性，然后通过this.$refs来获取对应的DOM元素。

<template>
  <div>
    <div ref="myElement">Some content here</div>
    <button @click="getElement">Get Element</button>
  </div>
</template>

<script>
export default {
  methods: {
    getElement() {
      // 获取DOM元素
      const element = this.$refs.myElement;
      // 对DOM元素进行操作
      if (element) {
        element.style.color = 'red';
      }
    }
  }
};
</script>

在这个例子中，ref="myElement"给了<div>元素一个引用名字为myElement，然后在getElement方法中，使用this.$refs.myElement来获取这个DOM元素，并对其进行操作。

请注意，$refs只能在组件渲染完成后才能访问到DOM元素，因此确保在需要访问DOM元素时，组件已经渲染完成。此外，最好避免过多地依赖$refs来直接操作DOM元素，因为这样可能会破坏Vue的响应式机制。通常情况下，更推荐使用Vue的数据驱动方式来操作DOM。