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

软件技术NINI2024-09-05 15:59

  • 在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中所选择的值 如下图所示。

相关推荐
To_OC6 小时前
LC 207 课程表：刚学图论那会儿，我连这是拓扑排序都没看出来
javascript·算法·leetcode
To_OC6 小时前
LC 208 实现 Trie 前缀树：曾被名字劝退，写完发现是送分题
javascript·算法·leetcode
天渺工作室7 小时前
实现一个adblock/adblock plus等浏览器广告拦截器检测插件
前端·javascript
ZhengEnCi7 小时前
Q04-Vite禁用CSS代码分割-解决生产环境样式加载顺序混乱问题
前端·vue.js·vite
kyriewen15 小时前
2026 年了，还在用 Node.js？Bun 迁移实战：20 分钟搞定，附踩坑记录
前端·javascript·node.js
minglie20 小时前
一个置换问题
javascript
用户21366100357220 小时前
Vue2非父子通信与动态组件
前端·vue.js
默_笙21 小时前
🌀 别再手动写 Prompt 了！我让 AI 自己循环改到满意为止
javascript
To_OC1 天前
LC 994 腐烂的橘子：人人都说是 BFS 入门题，我却写了三遍才过
javascript·算法·leetcode
如果超人不会飞2 天前
脉络清晰的业务演进：TinyVue Timeline 时间线组件全方位实战指南
vue.js
热门推荐
012026年6月AI大模型全景报告：GPT-5.6、Claude Opus 4.8、Gemini 3.5，中美AI三足鼎立谁主沉浮？022026年6月AI行业全景：从百模大战到Agent元年，这30天发生了什么？03飞书长连接_事件订阅（接收消息，审批任务状态变更）04Trae国际版与国内版深度测评：AI原生IDE的双生花052026 年 AI 编程工具终极横评：Cursor vs Claude Code vs Copilot vs Windsurf06GitHub 镜像站点07【AI】2026 年具身智能模型和世界模型总结082026年AI架构实战：彻底解决OpenAI接口超时与封号，Python调用GPT-5.2/Sora2企业级架构详解（附源码+压测报告）09Claude Code、Codex、Cursor三分天下：2026年AI编程Agent生态全景剖析102026 AI 编程工具终极实战指南：Cursor vs Claude Code vs Copilot，开发者该怎么选？