v-for 和ref搭配使用 发现$refs[‘aa’+i]不能用但是写死$refs['aa0']却好使

Question

百思不得起解，哪位大神知道吗
html是这样的

js是这样的

报错是这样的

Answer 1

错误与代码与问题都无关。问题的原因是：

你写死aa0后，因为使用了v-for，所以有很多aa0，此时this.$refs.aa0是一个数组，你可以使用this.$refs.aa0[0]可以获取对应的dom元素，但是你使用动态拼接后，this.$refs.aa0只有一个，他只是一个dom对象，所以你再去用this.$refs.aa0[0]获取是取不到的。