element-ui 中的 select 组件如何 remote-method 函数中传参

在 select 组件中我们使用其 change 事件可以传参,请查看:el-select 中change 事件传参问题

在我们使用 select 组件的远程搜索时,我们如何给 remote-method 这个方法添加自定义参数呢?

代码实现如下:

复制代码
<el-select
                ref="referralCodeSelect"
                v-model="item.column1"
                :remote-method="(query)=>referralCodeSelectRemote(query,item)"
                placeholder="请选择"
                clearable
                reserve-keyword
                filterable
                multiple
                remote
                :loading="loading"
                @visible-change="templateTagChange"
              >
                <el-option
                  v-for="item in refereeCodes"
                  :key="item"
                  :label="item"
                  :value="item"
                />
              </el-select>

 referralCodeSelectRemote(query,item) {
      console.log('query',query,item);

      if (query !== "") {
        this.refereeCodes = [];
        this.loading = true;
        activitySearchRefereeCodes(encodeURIComponent(query)).then(
          (response) => {
            let { data } = response;
            this.loading = false;
            this.refereeCodes = data;
          }
        );
      } else {
        this.refereeCodes = [];
      }
    },

:remote-method="(query)=>{remoteMethod(query,'自定义参数')}"
相关推荐
Hi_kenyon1 小时前
VUE3套用组件库快速开发(以Element Plus为例)二
开发语言·前端·javascript·vue.js
Irene19911 小时前
Vue 3 响应式系统类型关系总结(附:computed、props)
vue.js·props·响应式类型
起名时在学Aiifox1 小时前
Vue 3 响应式缓存策略:从页面状态追踪到智能数据管理
前端·vue.js·缓存
天若有情6731 小时前
校园二手交易系统实战开发全记录(vue+SpringBoot+MySQL)
vue.js·spring boot·mysql
计算机程序设计小李同学2 小时前
个人数据管理系统
java·vue.js·spring boot·后端·web安全
EndingCoder2 小时前
Any、Unknown 和 Void:特殊类型的用法
前端·javascript·typescript
JosieBook3 小时前
【Vue】09 Vue技术——JavaScript 数据代理的实现与应用
前端·javascript·vue.js
Eason_Lou3 小时前
webstorm开发vue项目快捷跳转到vue文件
ide·vue.js·webstorm
起名时在学Aiifox3 小时前
前端文件下载功能深度解析:从基础实现到企业级方案
前端·vue.js·typescript
云上凯歌4 小时前
01 ruoyi-vue-pro框架架构剖析
前端·vue.js·架构