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。