欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue+Element UI中 Select下拉框搜索

程序员文章站 2023-12-27 15:47:03
...

示例代码如下:

:remote-method="getSupplierList" 绑定一个方法名,实时传递输入框内参数到方法内

<el-select 
    v-model="scope.row.supplierId"
    placeholder="请选择"
    filterable
    remote
    :remote-method="getSupplierList"
    @focus="eqNoClick">
  <el-option 
      v-for="item in supplierOptions" 
      :key="item.userId" 
      :label="item.userName"
      :value="item.userId">
  </el-option>
</el-select>


data(){
    return {
        supplierOptions: [],
    }
},
methods: {
    // 下拉框 搜索 绑定一个方法名,实时传递输入框内参数到方法内
    getSupplierList(query){
       if(query){
         // 此方法为调接口
         this.getSupplierSelect(query);
       }
    },
    // 重新获取下拉框内容
    eqNoClick(){
        // 此方法为调接口
        this.getSupplierSelect();
    },
},

上一篇:

下一篇: