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

相关推荐
刘 怼怼20 分钟前
使用 Vue 重构 RAGFlow 实现聊天功能
前端·vue.js·人工智能·重构
Json_33 分钟前
Vue v-bind指令
前端·vue.js·深度学习
Json_36 分钟前
JS中的冒泡简洁理解
前端·javascript·深度学习
Json_38 分钟前
Vue 自定义指令
前端·vue.js·深度学习
Ariel_提拉米苏39 分钟前
表格数据导出为Excel
前端·javascript·vue.js·excel
靠近彗星1 小时前
基于 Vue + Django + MySQL 实现个人博客/CMS系统
前端·vue.js·python·mysql·django
学吧别真挂了2 小时前
正则表达式从入门到飞升：覆盖90%前端场景的秘籍
前端·javascript·正则表达式
森叶2 小时前
利用 Chrome devTools Source Override 实现JS逆向破解案例
前端·javascript·chrome devtools
青青河边草2 小时前
从Vue.js的角度探索高效渲染策略
vue.js
市民中心的蟋蟀2 小时前
第四章： 使用订阅来共享模块状态
前端·javascript·react.js
热门推荐
01我决定放弃搞 Java 了02DeepSeek各版本说明与优缺点分析03如何在WPS和Word/Excel中直接使用DeepSeek功能04从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑05苍穹外卖面试总结06DeepSeek R1本地化部署 Ollama + Chatbox 打造最强 AI 工具07RAG 实践- Ollama+RagFlow 部署本地知识库08本地化部署AI知识库：基于Ollama+DeepSeek+AnythingLLM保姆级教程09如何本地部署AI智能体平台，带你手搓一个AI Agent10循环神经网络RNN（含LSTM，GRU）小综述