一、方法重写:
1、 remote-method 函数中自定义传参:
:remote-method="(query) => myFunction(query, <自定义参数>)"
其中,query为remote-method默认参数;自定义参数可以是任意类型;如
<td v-for="(position, index) in userPositons" :key="index">
<el-select
v-model="position.positionCode"
:disabled="!isEdit"
filterable
remote
:remote-method="query => searchPosition(query, index)"
placeholder="请搜索"
>
<el-option
v-for="(position, positionIndex) in positionOptions"
:key="positionIndex"
:value="position.positionCode"
:label="position.positionName"
></el-option>
</el-select>
</td>
searchPosition(query, index) {
console.info('参数' + query + ' ' + index);
if (query !== '') {
this.loading = true;
//......
} else {
this.positionOptions = [];
}
},
二、el-select加载大数据渲染卡顿解决方法:
1、方法1:一次性渲染大量数据问题,如业务场景是后台一次返回10万多条数据需要在下拉框中展示:
<template>
<div class="content">
<el-select v-model="choose" size="small" v-el-select-loadmore:rangeNumber="loadMore(rangeNumber)">
<el-option
v-for="(item, index) in list.slice(0, rangeNumber)"
:key="index"
:label="item.label"
:value