element在dialog中使用InfiniteScroll无限滚动必须要在el-dialog__footer内滚动,在el-dialog-body中 不起作用
一、安装 npm i vue-infinite-scroll -D
二、引用
main.js中通过如下方式注册全局引用
-
import infiniteScroll from 'vue-infinite-scroll'
-
Vue.use(infiniteScroll)
三、在dialog中使用
<div class="tableWrap scrollStyle" infinite-scroll-distance='10' infinite-scroll- immediate-check='true' v-infinite-scroll="loadCoupon">
{{item}}
四、script中
data() {
return {
num: 20
}
}
methods: {
loadCoupon() {
// 请求
}
}