文章目录

前言

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.js # javascript # 前端
Logo
2048 AI社区

有“AI”的1024 = 2048，欢迎大家加入2048 AI社区

更多推荐

cover

【三个月 AI Agent 实战学习】Day 24 详细展开：第一个 Agent —— 使用 LangChain 构建数学专家

avatar 2048 AI社区

C++ 第 13 课：值传递 —— 为什么函数里改了，外面却没变？

atest()test()66因为每次调用test()，都会重新创建一个新的a = 5，然后a++变成 6。3.因为a定义在外层main()里，内层if可以访问外层变量。4.b定义在if的{}里面，离开这对花括号后，它的作用域就结束了，所以外面不能直接使用。

avatar 2048 AI社区

一个定时任务把 Seata 全局锁等超时拖了 40 分钟：AT 模式的脏写防线，很多团队根本没配对

sn: 18 batch: 4 round: 9 topic: 分布式事务 Seata AT 模式原理 我们有个库存服务，平时走 Seata AT 一切正常。直到有天运营配了个批量调价任务，凌晨跑批更新 20 万行库存记录，同一线上的秒杀扣库存接口全部报 Global lock acquire failed，锁等待持续了 40 多分钟，期间所有扣库存请求被阻塞重试，流量雪崩到相邻服务。事故复盘时发

avatar 2048 AI社区