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

相关推荐
编程百晓君41 分钟前
一文解释清楚OpenHarmony面向全场景的分布式操作系统
vue.js
暴富的Tdy1 小时前
【CryptoJS库AES加密】
前端·javascript·vue.js
neeef_se1 小时前
Vue中使用a标签下载静态资源文件(比如excel、pdf等),纯前端操作
前端·vue.js·excel
℘团子এ1 小时前
js和html中,将Excel文件渲染在页面上
javascript·html·excel
z千鑫1 小时前
【前端】入门指南:Vue中使用Node.js进行数据库CRUD操作的详细步骤
前端·vue.js·node.js
生产队队长3 小时前
项目练习:element-ui的valid表单验证功能用法
前端·vue.js·ui
胡西风_foxww3 小时前
【es6复习笔记】Promise对象详解(12)
javascript·笔记·es6·promise·异步·回调·地狱
web137656076433 小时前
WebStorm 创建一个Vue项目
ide·vue.js·webstorm
秃头女孩y3 小时前
【React中最优雅的异步请求】
javascript·vue.js·react.js