vue element-ui table表格滚动加载方法

来源：懂视网责编：小采时间：2020-11-27 22:18:05

vue element-ui table表格滚动加载方法

vue element-ui table表格滚动加载方法:添加全局注册事件，用来监听滚动事件 window.Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.addEventListener('scrol

推荐度：

点击下载本文 文档为doc格式

导读vue element-ui table表格滚动加载方法:添加全局注册事件，用来监听滚动事件 window.Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.addEventListener('scrol

添加事件

给需要无线加载的表格添加自定义事件，v-loadmore=”loadMore”。在methods中定义触发的事件

 loadMore () {
 if (this.loadSign) {
 this.loadSign = false
 this.page++
 if (this.page > 10) {
 return
 }
 setTimeout(() => {
 this.loadSign = true
 }, 1000)
 console.log('到底了', this.page)
 }
 }

this.loadSign 用于标记page是否继续递增

以上这篇vue element-ui table表格滚动加载方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

vue element-ui table表格滚动加载方法

推荐度：

点击下载本文 文档为doc格式

标签：加载方法 VUE

热门焦点

vue element-ui table表格滚动加载方法

vue element-ui table表格滚动加载方法

vue element-ui table表格滚动加载方法

最新推荐

猜你喜欢

热门推荐