elementUI 实现select多选下拉展示tree结构并支持查询

效果图如下：

使用插件el-tree-select

npm install el-tree-select --save-dev

在mian.js中引入

import ElTreeSelect from 'el-tree-select';

Vue.use(ElTreeSelect)

文件中直接使用

<template>
  <div>
    <el-tree-select
      :styles="styles"
      v-model="values"
      :selectParams="selectParams"// 选择框设置
      :treeParams="treeParams"
      :treeRenderFun="renderFun"
      @searchFun="_searchFun"
      @node-click="_nodeClickFun"
      ref="treeSelect"
    />
  </div>
</template>
<script>
export default {
  name: "DemoCom",
  data