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

相关推荐
s91236010114 小时前
【Rust】使用lldb 调试core dump
前端·javascript·rust
不是鱼14 小时前
Canvas学习笔记(一)
前端·javascript·canvas
我有一棵树14 小时前
React 中 useRef 和 useState 的使用场景区别
前端·javascript·react.js
想努力找到前端实习的呆呆鸟14 小时前
Uniapp如何下载图片到本地相册
前端·vue.js·微信小程序
fmk102314 小时前
Vue中的provide与inject
前端·javascript·vue.js
米兰小铁匠1715 小时前
js深入之从原型到原型链
javascript·面试
Smile_Gently15 小时前
Vue 2 前端项目实现 在线IDE 功能
javascript
云枫晖15 小时前
Vue3 响应式原理:从零实现 Reactive
前端·vue.js
jason_yang15 小时前
俄罗斯Yandex地图实战
vue.js·api
daols8816 小时前
vxe-table 配置 ajax 加载列表数据,配置分页和查询搜索表单
vue.js·ajax·table·vxe-table