如何在三个不同的div元素上设置ref，然后访问这些元素的数组？

Question

我想要访问三个 div 元素。我在所有三个 div 上设置了相同的“ref”值，但是当尝试在 Vue 中检索这些元素时，“elements”变量为空。我在这里期待的是具有相同 ref 值的三个 div 元素的数组。

我的语法有什么问题？或者我试图以错误的方式获取这些元素？

<template>
<div class="container">
    <div ref="newsletterElement">
      Element1
    </div>
    <div ref="newsletterElement">
      Element2
    </div>
    <div ref="newsletterElement">
      Element2
    </div>
 </div>
</template>

<script>
  export default {
    name: 'Test',
    mounted() {
      const elements = this.$refs.newsletterElement;
      console.log(elements);
    }
  }
</script>

Answer 1

家 {{ 物品 }} 导出默认值{ 名称：“家”， 成分： {}， 数据（） { 返回 {}; }, 计算：{}， 手表： {}， 创建（）{}， 安装（）{ console.log(this.$refs["myDiv"]); }, 方法： {} }