远程搜索
https://mp.weixin.qq.com/s?src=11×tamp=1670311182&ver=4209&signature=1wqQNR9GM4aduhyGA4sEa9NJqhwQFTDImC454pJb8NfethaiFM5grcvywp98OONDWCP7IPOiYeZPyM-wA3es4TzJ7LGg-UWGXmNLn4-tOcS4poUpY4aoz7j8froY6iDM&new=1
remoteMethod
debounce
使用
例如远程搜索时需要通过接口动态的获取数据,若是每次用户输入都接口请求,是浪费带宽和性能的
当一个按钮多次点击时会导致多次触发事件,可以结合场景是否立即执行immediate
<Select :remote-method="remoteMethod">
<Option v-for="item in temoteList" :value="item.value" :key="item.id">{{item.label}}</Option>
</Select>
import {debounce} from 'lodash'
methods:{
remoteMethod:debounce(function (query) {
// to do ...
// this 的指向没有问题
}, 200),
}