在 select 组件中我们使用其 change 事件可以传参,请查看:el-select 中change 事件传参问题。
在我们使用 select 组件的远程搜索时,我们如何给 remote-method 这个方法添加自定义参数呢?
代码实现如下:
<el-selectref="referralCodeSelect"v-model="item.column1":remote-method="(query)=>referralCodeSelectRemote(query,item)"placeholder="请选择"clearablereserve-keywordfilterablemultipleremote:loading="loading"@visible-change="templateTagChange"><el-optionv-for="item in refereeCodes":key="item":label="item":value="item"/></el-select>
methods中
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,'自定义参数')}"