首先想到如下方式,用数组下标做尾缀生成不同名字的 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);