vue el-select与el-tree实现支持可搜索树型

目录

• 1. 树型下拉菜单
• 2. vue页面代码
• 3. selectTree 组件代码

1. 树型下拉菜单

实现效果

2. vue页面代码

引入selectTree组件

import { selectTree } from '@/components'
export default {
  components: {
    selectTree
  },
  data() {
  	defaultData:{
  		managementStationId:'1478570186653609986',
  		managementStationName:'泸弥监控中心-安全'
  	}
  }
}

页面使用

• returnDropList 树型菜单的值
• managementStationId key值
• defaultData 设置默认值
• treeProps 配置菜单
• @handleNodeClick 选择事件

3.树型数据结构

3. selectTree 组件代码

到此这篇关于vue el-select与el-tree实现支持可搜索树型的文章就介绍到这了,更多相关vue 可搜索树型内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！