【el-select 结合el-tree 实现下拉选择】

`
  <el-form-item label="所属单位"  prop="parentId">
     <el-select v-model="company" placeholder="请选择"  multiple @change="selectChange" collapse-tags>
          <el-option :value="mineStatusValue" style="height: auto">
               <el-tree :data="organTreedata"  node-key="id" ref="tree" highlight-current 
                   :props="defaultProps" @node-click="handleNodeClickUnit" default-expand-all>
                </el-tree>
           </el-option>
     </el-select>
   </el-form-item>
    data() {
     return {
      	company:"",
     	organTreedata:[],//所属单位tree数据
        defaultProps: {
          children: 'children',
          label: 'orgName'
        },
      }
     }
methods: {
	 selectChange(){
      // console.log("select 改变事件");
      this.organForm.parentId="";
    },
     handleNodeClickUnit(data){//所属单位 的tree 点击事件
        console.log(data);
        let arrLabel = [];
        arrLabel.push(data.orgName);
        this.company=arrLabel;
        this.organForm.parentId=data.id;
        // this.mineStatusValue = arrLabel;

    },
     editOrgan(row){//数据回显
      console.log(row);
        this.dialogOrgan=true;
        this.organForm=row;
        let arrLabel = [];
        arrLabel.push(row.parentOrgName);
        this.company=arrLabel;
        
    },
}