vue3怎么获取多个dom节点

可以使用 vue3 的 ref 特性来获取多个 DOM 节点。

首先，在组件中声明一个 ref 属性：

<template>
  <div>
    <div ref="node1"></div>
    <div ref="node2"></div>
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  data () {
    return {
    }
  }
}
</script>

然后，在组件中通过 this.$refs 访问这些节点：

const node1 = this.$refs.node1
const node2 = this.$refs.node2

注意，$refs 只有在组件渲染完成后才会被填充。如果你想在组件的生命周期钩子函数中访问 $refs，应该在 nextTick 中使用它，这样就能确保组件已经渲染完成。

this.$nextTick(() => {
  const node1 = this.$refs.node1
  const node2 = this.$refs.node2
})