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。
本文介绍了如何在Vue中使用v-for循环时为每个动态生成的元素添加ref,并通过数组形式的$refs处理多个checkboxGroup实例。作者分享了在toggleAll方法中操作这些动态ref的经验,以及$refs结构的变化和实际应用场景。
1129

被折叠的 条评论
为什么被折叠?



