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,'自定义参数')}"
相关推荐
卡皮巴拉c992 小时前
基于pnpm搭建monorepo项目
前端·javascript
torpidcat2 小时前
ruoyi-vue-pro 若依芋道 java springboot +mybatis 生日查询相关
java·vue.js·spring boot
jianpeng的工程笔记2 小时前
Colab Kaggle 防断开脚本
javascript·深度学习·kaggle·colab
三十而立洋3 小时前
JavaScript 原型链:一张图讲透「对象继承」的底层真相
前端·javascript
平头哥技术团队3 小时前
Day 13 | 调 line-height 和 margin:三处间距让名片页脱离模板感
开发语言·前端·javascript·学习·html5
老三_Micheal4 小时前
一文搞懂 Axios 请求参数详解:headers、params 与 body 的区别和使用场景
javascript
研☆香4 小时前
js中 onload 事件的用法
开发语言·javascript·ecmascript
志尊宝4 小时前
Vue3 零基础每日笔记(005):ref 响应式基础——为什么 script 里要 .value
前端·javascript·vue.js·笔记
yyt3630458415 小时前
一次鼠标交互触发两次 Vue flushJobs:把高频交互从 VDOM 里拆出来
前端·vue.js·计算机外设
知兀5 小时前
框架脚手架搭建,推送github一键使用
javascript·vue.js·ecmascript