如何使用 v-for 动态绑定 ref

1,503 阅读1分钟

如何使用 v-for 动态绑定 ref

template 部分

<div v-for="(listItem.name, listItem.Index) in list" :key = listItem.Index>
    <div class="attach-list-title" :ref="`i${listIndex}`">
      {{ `${listIndex + 1}、${listItem.name}` }}
    </div>
</div>

script 部分

data(){
    return {
        index: 1
    }
}
mounted() {
    console.log(this.$refs[`i${index}`])
}