element中无限滚动在dialog中使用的坑

772 阅读1分钟

element在dialog中使用InfiniteScroll无限滚动必须要在el-dialog__footer内滚动,在el-dialog-body中 不起作用

一、安装 npm i vue-infinite-scroll -D

二、引用

main.js中通过如下方式注册全局引用

  1. import infiniteScroll from 'vue-infinite-scroll'

  2. 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() {

// 请求

}

}