在 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,'自定义参数')}"