vue 在 v-for 中动态绑定 ref

首先想到如下方式,用数组下标做尾缀生成不同名字的 ref:

<swiper-item v-for="(item,index) in category" :key="index">
    <silverPage :ref="'silverPage' + index"></silverPage>
</swiper-item>

打印第3个引用对象的实例,你可能写成:

console.log(this.$refs['silverPage2']);
//或者
console.log(this.$refs.silverPage2);
分类至 Vue
0条评论