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

相关推荐
老华带你飞1 小时前
农产品销售管理|基于java + vue农产品销售管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
C_心欲无痕1 小时前
vue3 - 类与样式的绑定
javascript·vue.js·vue3
JIngJaneIL2 小时前
基于springboot + vue房屋租赁管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
南山安3 小时前
Tailwind CSS:顺风CSS
javascript·css·react.js
期待のcode4 小时前
@RequestBody的伪表单提交场景
java·前端·vue.js·后端
栀秋6664 小时前
防抖 vs 节流:从百度搜索到京东电商,看前端性能优化的“节奏哲学”
前端·javascript
一颗烂土豆4 小时前
vfit.js v2.0.0 发布:精简、语义化与核心重构 🎉
前端·vue.js·响应式设计
有意义4 小时前
深入防抖与节流:从闭包原理到性能优化实战
前端·javascript·面试
2503_928411565 小时前
12.26 小程序问题和解决
前端·javascript·微信小程序·小程序
总之就是非常可爱5 小时前
vue3 KeepAlive 核心原理和渲染更新流程
前端·vue.js·面试