vue+element中table模拟树形列表

最新推荐文章于 2024-10-09 17:49:21 发布

原创最新推荐文章于 2024-10-09 17:49:21 发布 · 666 阅读

1 ·

CC 4.0 BY-SA版权

这篇博客详细介绍了如何在Vue项目中利用Element-UI库创建一个可过滤、多选并允许自定义的下拉树形组件。内容包括设置`el-select`和`el-option`属性，以及结合`el-tree`实现节点的勾选和点击事件处理。

效果图

在这里插入图片描述

 <el-select
                class="form-input"
                v-model="mapstatus"
                filterable
                multiple
                allow-create
                @change="selectChange"
              >
                <el-option style="height: auto;" :value="mineStatusValue">
                  <el-tree
                    :data="deptOptions"
                    default-expand-all
                    show-checkbox
                    ref="tree"
                    node-key="value"
                    @check-change="handleClick"
                    @node-click="handleNodeClick"
                    :props="defaultProps"
                  ></el-tree>
                </el-option>
              </el-select>