<el-form-item label="下单仓库" prop="warehouseid">
           <el-select size="mini" v-model="filterParams.warehouseid" clearable filterable>
  <el-option v-for="warehousenameItem in warehousenameOptions" :key="warehousenameItem.id"
:label="warehousenameItem.warehouseName"
:value="warehousenameItem.id"></el-option>
           </el-select>
       </el-form-item>
       <el-form-item label="商品类别" prop="type">
           <el-select size="mini" v-model="filterParams.type" clearable filterable
         @change="getCompanyIdList(filterParams.warehouseid,filterParams.type)" >
  <el-option v-for="typeItem in typeOptions" :key="typeItem.id"
:label="typeItem.name" :value="typeItem.id"></el-option>
           </el-select>
       </el-form-item>
       <el-form-item label="开票单位" prop="companyId">
           <el-select size="mini" v-model="filterParams.companyId" clearable filterable
         @focus="companyOnFocus()">
  <el-option v-for="companyNameItem in companyIdOptions" :key="companyNameItem.id"
:label="companyNameItem.name" :value="companyNameItem.id"></el-option>
           </el-select>
       </el-form-item>

下单仓库、商品类别、开票单位都是通过select+option下拉框选择。

1.1 其中商品类别是固定的，就直接通过typeOptions写死选择就行。

	typeOptions: [{
       id: '0',
       label: 'A类'
     }, {
       id: '1',
       label: 'B类',
     }]

1.2 下单仓库则通过方法getWarehousList()后台实时获取最新数据（具体见下面js代码中）

1.3 而开票单位则将前面选择好下单仓库、商品类别作为参数，通过方法getCompanyIdList(filterParams.warehouseid,filterParams.type)后台实时获取，而且在输入框模糊匹配（具体见下面js代码中）。

2.js代码

上述获取下单仓库、获取开票单位代码如下（示例）：

			getWarehousList: function () {
   // 获取实例
   var _this = this;
   // 请求用户下拉框选项数据
   _this.doGetData(_this.getWarehousUrl, {}, function (r) {
       _this.warehousenameOptions = r.data;
   });
            },
            
            getCompanyIdList: function (warehouseid,type) {
   // 获取实例
   var _this = this;
   // 请求产品代码下拉框选项数据
   _this.doGetData(_this.getcompanyIdUrl, {warehouseId: warehouseid,type:type}, function (r) {
       _this.companyIdOptions = r.data;
   });
            },