// main.js
import elementUtils from 'vue-element-utils'
Vue.use(elementUtils)
然后在组件中使用
//html
<el-form-item label="城市" prop="regionId">
<el-select v-model="dataForm.regionId" v-el-select-scroll="loadRegionIds" filterable placeholder="请选择">
<el-option v-for="item in listRegionIds" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
//script
data() {
return {
listRegionIdsQuery: {
page: 1,
limit: 20
},
listRegionIds: [],
isLoadPRegionIds: true
}
}
methods: {
// Select 滚动到底部 执行该方法
loadRegionIds() {
if (this.isLoadPRegionIds === true) {
this.listRegionIdsQuery.page++
listRegionIds(this.listRegionIdsQuery).then(response => {
var array = response.data.data.list
if (this.listRegionIds.length === response.data.data.total) {
this.isLoadRegionIds = false
} else {
this.listRegionIds = this.margeList(this.listRegionIds, array)
}
})
}
}
}