Vuejs2 VueJS：从其id读取div内容

在我的第一个示例中，我的组件模板中包含：

<div id="hello">hello world</div>

当在

myMethod（）

中调用

console.log（this.$refs['hello-1']）

时，我也会在控制台中得到

未定义的

---

我的代码出了什么问题？

您不能通过给元素

id

来获取带有

refs

的元素。您应该将

ref

绑定到该元素。以下是一个例子：

<div v-for="item in data" :key="item.id">
  <div :id="'hello-'+item.id" :ref="'hello-'+item.id">hello {{ item.id }}</div>
</div>

你好{{item.id}

---

另外，也不要忘了用

v-for

将键绑定到迭代元素上，您无法通过给元素

id

来获得

refs

元素。您应该将

ref

绑定到该元素。以下是一个例子：

<div v-for="item in data" :key="item.id">
  <div :id="'hello-'+item.id" :ref="'hello-'+item.id">hello {{ item.id }}</div>
</div>

你好{{item.id}

---

另外，不要忘记使用

v-for

$refs

将键绑定到迭代元素中，该属性由not

id

属性填充

$refs

属性由not

id

属性填充