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

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

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

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

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

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

bash 复制代码
let multipleTablesCascaderRef = {}

这样就可以使用ref获取了

相关推荐
LucianaiB7 小时前
【元宝搜索开发者征文大赛】AI时代,学得慢就不用学?用元宝搜索打造一个教程保质期,确保每一个教程符合你的现状
前端·人工智能·ai编程
excel7 小时前
JavaScript 对象池:减少高频对象创建与 GC 压力
前端
陈随易9 小时前
纯 Go 写的 JS 引擎,跑分超过了 C 语言的 QuickJS
前端·后端·程序员
子兮曰11 小时前
Chrome 权限元素实战:144 与 151 的渐进增强写法
前端·javascript·chrome
IT_陈寒11 小时前
Redis连接池泄漏那次,我差点把生产环境搞崩了
前端·人工智能·后端
强尼银手11 小时前
我花一天做了个格斗游戏原型,判定全对,然后被「美术」劝退了
前端·javascript
石小石Orz11 小时前
AI 正在蚕食我们的编码能力
前端·后端·算法
陈随易12 小时前
专注飞机 FocusFlight,两个人把番茄钟做成了一趟航班
前端·后端·程序员
总要学点什么13 小时前
第98篇:三维特效-材质线效果——给一条线换十种材质,虚线的图案只填了一半
开发语言·前端·javascript·ecmascript·gis·webgl·材质
10share13 小时前
基于大模型的 i18n 方案:把中文原文当 Key,轻松搞定多语言维护
前端·vue.js