el-select嵌套树结构实现多级下拉菜单

道元极

已于 2022-05-10 18:04:15 修改

阅读量2.6k

点赞数

文章标签： elementui vue.js javascript

于 2022-05-10 18:02:57 首次发布

本文链接：https://blog.csdn.net/m0_58257035/article/details/124693814

版权

<el-select v-model="formCon.class" placeholder="请选择" clearable ref="select">
                  <!-- input作为模糊搜索选项 -->
                  <el-input class="input" placeholder="搜索关键字" prefix-icon="el-icon-search" v-model="treeFilter" clearable></el-input>
                  <!-- 隐藏下拉选项 -->
                  <el-option hidden key="id" :value="selectValue" :label="selectName"></el-option>
                  <!-- 树形控件 -->
                  <el-tree ref="tree" :data="categoriesSelect" :props="defaultProps" @node-click="handleNodeClick" :expand-on-click-node="false" :check-on-click-node="true" :filter-node-method="filterNode">
                    <span slot-scope="{data}">
                      <!-- 插槽显示