vue3中动态设置ref,如表格中使用级联选择器

需求:vue3中有一个表格,表格里是表单项,用户可以输入或选择,有一项是一个级联选择器,需要使用到ref,然后通过getCheckedNodes()方法获取到这一项选择的数据。

数据源是一个级联选择器,如果这个表单直接设置 ref是有问题的,选择后,第一次获取返回空,第二次获取的是第一次选择的数据。

如上图,直接设置ref是不行的,这个ref是需要动态设置才行。思考:直接加上索引不就行了吗?

是的,没错,请看下图这样设置

记得要定义一下,名字自己随便起,保持一致就行

bash 复制代码
let multipleTablesCascaderRef = {}

这样就可以使用ref获取了

相关推荐
b***74886 分钟前
前端技术的边界正在消失:迈向体验统一与智能化驱动的新阶段
前端
lvchaoq9 分钟前
解决组件不能远程搜索的问题
前端·bug
GIS好难学12 分钟前
2025年华中农业大学暑期实训优秀作品(5):智慧煤仓监控系统平台——重塑煤炭仓储管理新模式
前端·vue.js·信息可视化·gis开发·webgis
pixle021 分钟前
从零学习Node.js框架Koa 【七】Koa实战:构建企业级邮箱验证注册系统
javascript·学习·node.js·koa·注册·全栈·邮箱注册
Highcharts.js33 分钟前
Highcharts Dashboards 官方文档|如何创建第一个看板
前端·开发文档·仪表板·highcharts·创建看板
小明记账簿40 分钟前
解锁前端新技能:让JavaScript与CSS变量共舞
前端·javascript·css
pyniu43 分钟前
redis day1
java·前端·spring
b***74881 小时前
从技术复杂度到体系竞争力:2026 年前端发展的全新范式转移
前端
IT_陈寒1 小时前
Java并发编程避坑指南:这5个隐藏陷阱让你的性能暴跌50%!
前端·人工智能·后端
化作繁星1 小时前
前端设计模式详解
前端·设计模式