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

相关推荐
Mintopia1 分钟前
LOD:图形世界里的 “看人下菜碟” 艺术
前端·javascript·计算机图形学
Code季风4 分钟前
SQL关键字快速入门:CASE 实现条件逻辑
javascript·数据库·sql
拾光拾趣录4 分钟前
Vue依赖收集机制:响应式原理的核心实现
前端·vue.js
Mintopia5 分钟前
Three.js ArrowHelper:三维世界里的 “方向向导”
前端·javascript·three.js
雲墨款哥7 分钟前
Vue 3 路由管理实战:从基础配置到性能优化
前端·vue.js
Jacob023411 分钟前
JavaScript 模块系统二十年:混乱、分裂与出路
前端·javascript
独立开阀者_FwtCoder17 分钟前
国外最流行的 UI 组件库!适配 Vue、React、Angular!
前端·vue.js·后端
晴殇i38 分钟前
前端内容保护:如何有效防止用户复制页面内容?
前端·javascript·css
编程猪猪侠1 小时前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro
bemyrunningdog1 小时前
二进制权限控制方案
javascript·react.js·ecmascript