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

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

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

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

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

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

bash 复制代码
let multipleTablesCascaderRef = {}

这样就可以使用ref获取了

相关推荐
三门6 分钟前
vue官网新读之后收获记录
前端
Keepreal49613 分钟前
使用Canvas绘制转盘
javascript·vue.js·canvas
mapbar_front19 分钟前
我们需要前端架构师这个职位吗?
前端
ScriptBIN27 分钟前
Javaweb--Vue
前端·vue.js
KenXu31 分钟前
React Conf 2025 - 核心更新
前端
前端Hardy35 分钟前
Vue 高效开发技巧合集:10 个实用技巧让代码简洁 50%+,面试直接加分!
前端·javascript·vue.js
ᖰ・◡・ᖳ1 小时前
JavaScript:神奇的ES6之旅
前端·javascript·学习·es6
app出海创收老李1 小时前
海外独立创收日记(5)-上个月收入回顾与本月计划
前端·后端·程序员
前端Hardy1 小时前
HTML&CSS:一眼心动的 SVG 时钟
前端·javascript·css
TTGGGFF1 小时前
Streamlit:CSS——从基础到实战美化应用
前端·css