vue中使用v-for动态的绑定ref

第一种

<div v-for="(item,index) in list" :key="index" :ref="'tag'+index">{{item}}</div>

//在script这样调用
this.$refs.[`tag${index}`].style.display='none';

第二种

<div v-for="(item,index) in list" :key="index" ref="tag">{{item}}</div>

//在script这样调用
this.$refs.tag[0].style.display='none';

其实循环结束后，生成了一个ref数组，所以我们可以通过数组下标来操作某一元素