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


你可能感兴趣的:(vue,vue.js,javascript,前端)