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

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

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

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

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

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

bash 复制代码
let multipleTablesCascaderRef = {}

这样就可以使用ref获取了

相关推荐
我科绝伦(Huanhuan Zhou)2 分钟前
深入解析Shell脚本编程:从基础到实战的全面指南
前端·chrome
小马哥编程4 分钟前
React和Vue在前端开发中, 通常选择哪一个
前端·vue.js·react.js
aklry6 分钟前
uniapp实现在线pdf预览以及下载
前端·pdf·uni-app
HCl+NaOH=NaCl+H_2O24 分钟前
Quasar组件 Carousel走马灯
javascript·vue.js·ecmascript
℘团子এ28 分钟前
vue3中预览Excel文件
前端·javascript
shmily麻瓜小菜鸡1 小时前
在 Angular 中, `if...else if...else`
前端·javascript·angular.js
bloglin999992 小时前
npm和nvm和nrm有什么区别
前端·npm·node.js
2501_910227542 小时前
web3 前端常见错误类型以及错误捕获处理
前端·web3
哎哟喂_!2 小时前
Node.js 同步加载问题详解:原理、危害与优化策略
前端·chrome·node.js
__BMGT()3 小时前
C++ QT图片查看器
前端·c++·qt