el-tree点击复选框传递自定义参数和默认节点参数

最新推荐文章于 2024-06-20 16:16:09 发布

huakaiwuxing

最新推荐文章于 2024-06-20 16:16:09 发布

阅读量671

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/huakaiwuxing/article/details/128564849

版权

本文介绍了在Vue.js应用中使用el-tree组件的特性，包括显示控制（v-show），数据绑定（data），节点键（node-key），默认属性（defaultProps），全展开（default-expand-all），复选框（show-checkbox）以及@check事件的处理函数handleClick。该函数接收data、checkinfo和一个自定义参数value，用于处理节点选择的逻辑。

摘要由CSDN通过智能技术生成

<el-tree
                v-show="active"
                class="filter-tree"
                :data="list"
                node-key="id"
                :props="defaultProps"
                default-expand-all
                show-checkbox
                @check="(data,checkinfo)=>handleClick(data,checkinfo,value)"
                :expand-on-click-node="false"
                ref="tree"
            >

重点： @check="(data,checkinfo)=>handleClick(data,checkinfo,value)"

value为自定义参数，

data和checkinfo为默认传递的参数