定义如下:
const boxRefs = ref([]);
const setRef = (el) => {
if (el) {
boxRefs.value.push(el);
}
};
然后在需要循环赋值ref的元素上使用setRef,具体如下文章来源:https://www.toymoban.com/news/detail-597284.html
<el-radio-button
:key="index"
v-for="(item, index) in test"
>
<div
:ref="setRef"
width="145"
height="160"
></div>
</el-radio-button>
此时每个元素的值便都存boxRefs数组中了,使用方法和使用数组无异,如下文章来源地址https://www.toymoban.com/news/detail-597284.html
boxRefs.value[1]
到了这里,关于vue3创建和获取循环动态ref的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!