vue element 实现联动查询

watch:{
    listQuery: {
        handler(oldval,newval){
            if(newval.customerName===''||newval.customerName===undefined){
                listQuery.matter = ''
            }
        },
        deep:true
    }
  }

<el-form-item label="单位" prop="customerName" label-width="58px">
          <el-select v-model="listQuery.customerName" filterable style="width: 160px"
                     clearable placeholder="请选择单位名称" >
            <el-option
              v-for="item in customerList"
              :key="item.id"
              :label="item.name"
              :value="item.name">
            </el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="物料" prop="matter" label-width="58px">
          <el-select v-model="listQuery.matter" filterable style="width: 160px"
                     clearable placeholder="请选择物料" :disabled="listQuery.customerName===''||listQuery.customerName===undefined">
            <el-option
              v-for="item in matterList"
              :key="item.id"
              :label="item.name"
              :value="item.name">
            </el-option>
          </el-select>
        </el-form-item>