vue在for循环里用ref怎么区分和获取各个ref

vue在循环里使用ref,那渲染出来就会出现不确定数量的ref,比如:

 <div  v-for="i,k in options" v-model="i.result"  **ref="checkboxGroup"**>
       <div class="toggle" @click=toggleAll(k)>
             <van-button plain hairline type="info" size="small" icon="certificate" >全选 {
   
   {i.text}}</van-button>
       </div>
 </div>

尝试:ref="‘checkboxGroup’+k"这样的好像不行,而以下方式可以:

toggleAll(k){
   this.$refs.checkboxGroup[k].toggleAll();
},

打印 this.$refs 你会发现,this.$refs.checkboxGroup变成了一个数组,每个对应一个dom。

猜你喜欢

转载自blog.csdn.net/jeesr/article/details/122983032