vue3中使用ref动态绑定组件

最新推荐文章于 2024-07-09 15:12:45 发布

_处女座程序员的日常

最新推荐文章于 2024-07-09 15:12:45 发布

阅读量525

点赞数 2

分类专栏： vue 前端文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_42931285/article/details/140116250

版权

前端同时被 2 个专栏收录

367 篇文章 12 订阅

订阅专栏

vue

210 篇文章 4 订阅

订阅专栏

有时我们组件绑定的ref的名称是动态的，在vue3中如何实现？
注：只写了关键代码：

// index是循环中的索引
<BarTalks :ref="(el) => setRefs(el, index)" :index="index"></BarTalks>
      
const barTalksCompRefs = ref([]);

const setRefs = (el: any, item: number) => {
    barTalksCompRefs.value[item] = el;
}

// 具体使用：
 for (let index = 0; index < classLength; index++) {
 			// 利用索引来获取对应的组件
            barTalksCompRefs.value?.[index]?.changeData(allProblemNum[index]);
   }