vue3中ref动态定义
文章目录
- 前言
- 一、
前言
vue3项目开发过程中，经常会遇到遍历表格，这些表格上的文本框可能会绑定ref，当需要给制定的文本框赋值时，常常是选择不到的，因为vue3的ref是需要提前定义的，所以这里用一个数组存放这些ref
一、
// 1.绑定ref
:ref="(el:any)=>setItemRef(el,$index )"
// 2.定义一个数组来存储动态ref
const itemRefs = ref<any[]>([]);
// 定义setItemRef函数
const setItemRef = (el: any, index: any) => {
if (el) {
itemRefs.value[index] = el;
} else {
// 处理元素被移除的情况
itemRefs.value.splice(index, 1);
}
};
// 3.使用
row.warehouseArea = itemRefs.value[index].getCheckedNodes()[0]?.pathValues[0];