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

相关推荐
写代码的皮筏艇3 分钟前
取消axios请求
前端·javascript
用户12039112947265 分钟前
彻底搞懂 JavaScript 的 new 到底在干什么？手撕 new + Arguments 核心原理解析
前端·javascript·面试
2401_860319526 分钟前
如何在React Native中开发一个图表库组件，尤其是在鸿蒙系统（HarmonyOS）环境中，如折线图、柱状图、饼图等
javascript·react native·react.js·ecmascript·harmonyos
拿我格子衫来39 分钟前
图形编辑器基于Paper.js教程32：绘制贝塞尔曲线，并进行二次编辑
javascript·图像处理·编辑器·图形渲染
曹牧43 分钟前
C#：$ 符号
开发语言·javascript·c#·ecmascript
2401_860494701 小时前
在React Native中开发进度条组件，可以使用多种方式来实现，包括使用内置的`ProgressViewharmony`（仅限harmony）
javascript·react native·react.js
一人の梅雨1 小时前
淘宝商品详情接口深度解析：从 Sign 签名动态生成到多端数据全息重构
开发语言·javascript·重构
海上彼尚1 小时前
React18+快速入门 - 1.响应式机制之 useState 和 useReducer
前端·javascript·react.js
Nan_Shu_6141 小时前
熟悉RuoYi-Vue-Plus-前端 （3）
前端·javascript·vue.js
热门推荐
01GitHub 镜像站点02【超详细教程】手把手教你从微软官网免费下载Windows 10官方原版ISO镜像（2025最新版）03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口（持续更新）04UV安装并设置国内源05React CVE-2025-55182漏洞排查与修复指南06Linux下V2Ray安装配置指南07BongoCat - 跨平台键盘猫动画工具08从入门到实战：Gemini 3 使用指南速览09本地部署阿里最新开源的Z-Image10在VSCode配置Java开发环境的保姆级教程（适配各类AI编程IDE）