关于Mint-UI中loadmore组件的兼容性问题
源代码
遇到的问题
写完了之后数据加载,渲染等等都是没有问题的,但是测试总是提上滑刷新不能用,因为是远程开发,测试提就得改,看代码看文档,看半天看不出来问题,想到了兼容性问题,发现也有人遇到这个坑。安卓手机的上滑加载是正常显示的,但是苹果手机触发不了上滑加载功能。
解决办法
给容器的父类加上下面的样式:
.order-list {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
还得给父元素增加一个高度
然后在mounted的时候设置高度:
mounted () {
this.wrapperHeight = document.documentElement.clientHeight
}