前言

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];