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

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

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

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

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

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

bash 复制代码
let multipleTablesCascaderRef = {}

这样就可以使用ref获取了

相关推荐
IT_陈寒9 分钟前
被Vite的动态导入坑了一整天,原来问题出在这
前端·人工智能·后端
薛先生_09911 分钟前
vue-路由重定向
前端·javascript·vue.js
橘子星1 小时前
基于 ES6 语法的 NLP 任务模块化开发实践
前端·javascript
玉宇夕落1 小时前
Props的传递学习
前端
月光刺眼1 小时前
JS 底层执行机制探讨:执行上下文、变量提升与调用栈
前端·javascript
|_⊙1 小时前
Linux 信号
运维·服务器·前端
ZC跨境爬虫1 小时前
跟着 MDN 学 JavaScript day_1:什么是 JavaScript?
开发语言·前端·javascript·ecmascript
广州华水科技1 小时前
单北斗GNSS水库变形监测系统的应用与发展分析
前端
吠品1 小时前
PyTorch 踩坑:libtorch_cpu.so 找不到 iJIT_NotifyEvent 符号
前端·vue.js·elementui
qq_2518364572 小时前
基于java Web 日化商超库存管理系统设计与实现
java·开发语言·前端