1. 安装loadsh
依赖包 (loadsh官方文档)
npm install –save lodash
2. 在main.js
文件中引入
import _ from 'lodash'Vue.prototype._ = _
3. 使用
<el-selectv-model="value"placeholder="请选择"filterableremoteclearable:remote-method="remoteMethod":loading="remoteLoading"no-match-text="没有匹配到数据"><el-optionv-for="item in userList":key="item.id":label="item.label":value="item.value"></el-option></el-select>
// 输入值发生变化时的回调函数remoteMethod(query) {if(query !== '') {this.remoteLoading = truethis.getRemote(query)} else {this.userList = []}},// 防抖,这里设置300毫秒请求一次后台getRemote: _.debounce(function(query){getUserList({usernameOrNumber: query}).then(res => {this.remoteLoading = falsethis.userList = res.data.data}).catch(err => {this.remoteLoading = false})}, 300),