Vue中用element-ui封装的el-tree和el-select实现下拉树状多选，灵活自定义模糊查询、单选多选，默认选中值。

 <el-select v-model="selectAjlbMc" class="ajlbselect" ref="checkCaseType" :clearable="true" :multiple="true" placeholder="请选择" style="width:100%;" @clear="clearSelect" @remove-tag="clearSelect">
                                <el-input
                                  class="searchCaseLbbmInput"
                                  type="small"
                                  placeholder="输入关键字进行过滤"
                                  v-model="searchText"
                                  clearable>
                                </el-input>
                              <el-option :value="searchHighForm.ajlbbms" style="height: auto">
                                <el-tree v-if="lbbms.length" :data="lbbms" node-key="bm" ref="tree" show-checkbox class="caseTypesTree" :expand-on-click-node="true" highlight-current  :props="defaultProps" @check="handleCheckChange" :filter-node-method="filterNode"></el-tree>
                              </el-option>
                          </el-select>

data(){
return{
       selectAjlbMc:[],
       searchText:null,
       searchHighForm:{
           ajlbbms:[]
        },
      defaultProps:{
            "children":"children",
            "label":"mc"
            },
}
}

watch: {
      searchText(val) {
        this.$refs.tree.filter(val);
      }
    },

      filterNode(value, data) {
            if (!value) return true;
            return data.mc.indexOf(value) !== -1;
        },
  handleCheckChange(data,checked){
            let vm = this;
            vm.searchHighForm.ajlbbms = checked.checkedKeys;
            vm.selectAjlbMc = checked.checkedKeys.length?(checked.checkedKeys.length>1?[vm.bmmcs[checked.checkedKeys[0]],("+"+checked.checkedKeys.length-1)]:[vm.bmmcs[checked.checkedKeys[0]]]):[];
            console.log(data,checked)
        },
        clearSelect(){
            this.$refs.tree.setCheckedKeys([]);
            this.searchHighForm.ajlbbms = [];
            this.selectAjlbMc = [];
            this.getList();
        },