vue element 实现联动查询

时间:2022-05-26
本文章向大家介绍vue element 实现联动查询，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
watch:{
    listQuery: {
        handler(oldval,newval){
            if(newval.customerName===''||newval.customerName===undefined){
                this.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>

原文地址：https://www.cnblogs.com/tszr/p/16315152.html

随机文章
Javascript知识点必读
最近更新