vxe-table 移动端加载更多解决方案

目前有个项目要求移动端用table表格展示数据,后期可能会有筛选、冻结功能,看了下推荐组件,毅然决然的采用了vxe-table,因为看到可以适配element,结果做到最后,才发现没有移动端适配滑动底部加载更多,白白浪费几个小时时间。

话不多说,我们开始

vxe的vxe-table有scroll事件,终于看到了一次光明

@scroll="scrollTest"

监听tbody顶部单元行超出的高度,我是这么理解的,加上table设置的最大高度

//404是我的table高度,document.getElementsByTagName("tbody")[1]:是我的第二个table
if(res.scrollTop+404==document.getElementsByTagName("tbody")[1].clientHeight){
  //this.getdata();//执行代码块
}

这样就可以实现了。。。

ps:vxe的文档对第一次使用的小白不是很好用

你可能感兴趣的:(js,vue,vxe-table,css3,html5,vue.js)