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

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

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

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

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

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

bash 复制代码
let multipleTablesCascaderRef = {}

这样就可以使用ref获取了

相关推荐
Lhuu(重开版8 分钟前
Vue:Ajax
vue.js·ajax·okhttp
谢尔登22 分钟前
【React】React 18 并发特性
前端·react.js·前端框架
Joker`s smile25 分钟前
使用React+ant Table 实现 表格无限循环滚动播放
前端·javascript·react.js
国家不保护废物30 分钟前
🌟 React 魔法学院入学指南:从零构建你的第一个魔法阵(项目)!
前端·react.js·架构
然我31 分钟前
从原生 JS 到 React:手把手带你开启 React 业务开发之旅
javascript·react.js·前端框架
import_random33 分钟前
[机器学习]svm支持向量机(优势在哪里)
前端
国家不保护废物34 分钟前
从刀耕火种到现代框架:DOM编程 vs Vue/React 进化史
前端·vue.js·react.js
陈随易34 分钟前
Univer v0.8.0 发布,开源免费版 Google Sheets
前端·后端·程序员
wkj00139 分钟前
QuaggaJS 配置参数详解
java·linux·服务器·javascript·quaggajs
不怎么爱学习的dan39 分钟前
实现 ECharts 多国地区可视化方案
前端