el-tree悬浮 el-select里面嵌套树

效果图:

 <el-select v-model="query.syfw" placeholder="请选择" multiple collapse-tags @change="selectChange">
                <el-option  :value="mineStatusValue" style="height: auto">
                  <el-tree :data="data" show-checkbox node-key="id" ref="tree" highlight-current
                           :props="defaultProps" @check-change="handleCheckChange" ></el-tree>
                </el-option>
              </el-select>

return 返回的参数

 return {
        treeId:'',
        mineStatusValue: [],
        data: [],
        defaultProps: {
          parent: 'parentId', // 父级唯一标识
          value: 'id', // 唯一标识
          label: 'name', // 标签显示
          children: 'children', // 子级
        },
 }

    方法

  //列表树
      getTree(){
        page('sdjdmls/getTree').then(res=>{
          if (res.code === 0){
            this.data = res.data.tree;
            this.selectTreeId();
          }
        });
      },
      // 适用范围的默认单位
      selectTreeId(){
        page('/sdjdmls/selectGddw/').then(res => {
          this.treeId = res.msgs;
        });
      },