element-ui 中el-select 加 tree树形控件组合使用

项目中要求一个下拉框里面的选项可以拆叠。在element-ui官网里找了两个组件很符合我的需求。


关键是怎么把他们组合在一起。下面是我从网上查到的方法。

<el-select v-model="mineStatus" placeholder="请选择" multiple @change="selectChange" style="width:30%;">
      <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>

js部分

<script>
export default {
   
   
  data(