vue3中如何拿到element plus中el-tree多选的值?

  • 在vue3中使用了element plus的el-tree组件 并将其设置为可选择的情况下如何拿到所选择的值?

  • 首先我们要为el-tree设置show-checkbox(它的作用是:节点是否可被选择),然后为el-tree绑定ref

  • vue3中的ref跟vue2中的ref获取方式略有不同

    vue2中我们在标签中绑定过ref后会用this.$refs.xxx来进行获取 而在vue3中我们需要先定义一下我们ref绑定的值 再通过这个值的getCheckedNodes()来获取我们所再el-tree中所选择的值 如下图所示。

相关推荐
老虎06276 分钟前
JavaWeb前端02(JavaScript)
开发语言·前端·javascript
anyup17 分钟前
🔥🔥 10 天 Star 破百!uView Pro 文档也开源啦:完全免费、无广告、高效上手
前端·vue.js·uni-app
Python私教25 分钟前
YggJS RLogin暗黑霓虹主题登录注册页面 版本:v0.1.1
开发语言·javascript·ecmascript
南半球与北海道#1 小时前
el-table合并单元格
javascript·vue.js·elementui·表格合并
Jimmy1 小时前
客户端存储 - IndexedDB
前端·javascript·indexeddb
成小白1 小时前
前端实现两个页面之间的通讯
前端·javascript
啷咯哩咯啷2 小时前
element-plus el-tree-v2大数据量勾选节点卡顿问题
前端·javascript·vue.js
EndingCoder3 小时前
测试 Next.js 应用:工具与策略
开发语言·前端·javascript·log4j·测试·全栈·next.js
索西3 小时前
Vue 响应式原理
vue.js
焦小风Zephyr3 小时前
Vue3组件通信:父子相传
vue.js