vue中h5下滑加载更多

vue中在方法中

methods:{// 触底加载更多handleScroll() {let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;let clientHeight = document.documentElement.clientHeight;let scrollHeight = document.documentElement.scrollHeight;if (scrollTop + clientHeight >= scrollHeight) { // 如果滚动到接近底部，自动加载下一页//事件处理this.getMore()}    },
}
mounted() {// body背景颜色// document//   .querySelector("body")//   .setAttribute("style", "background-color:#ebebeb");// 触底加载更多window.addEventListener("scroll", this.handleScroll);this.getData()},beforeDestroy() {//document.querySelector("body").removeAttribute("style");window.removeEventListener("scroll", this.handleScroll，false);},pc的mounted和beforeDestroy的写法 不然跳转其他页面也会加载
mounted() {window.addEventListener('scroll', this.handleScroll,true)},beforeDestroy() {//document.querySelector("body").removeAttribute("style");window.removeEventListener('scroll', this.handleScroll, true)},

vue中h5下滑加载更多相关推荐

前端vue里面点击加载更多_vue 原生添加滚动加载更多
vue中添加滚动加载更多,因为是单页面所以需要在跳出页面时候销毁滚动,要不会出现错乱.我们在mounted建立滚动,destroyed销毁滚动. mounted () { window.addEven ...
Vue中使用Openlayers加载Geoserver发布的TileWMS时单击获取shp文件的坐标信息
场景 Vue中使用Openlayers加载Geoserver发布的TileWMS: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/ ...
Vue中使用Openlayers加载Geoserver发布的TileWMS
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...
Vue中使用Openlayers加载Geoserver发布的ImageWMS
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...
Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...
vue中通过js加载图片显现
在vue开发中会遇到这样的问题:有时需要在img中加载多个静态资源的图片,如果我们将src的路径整个定义成一个变量,会发现img加载不出来正个图片的路径,其实此时需要require()来加载静态资源的 ...
bug解决-Vue中img图片加载失败解决方案
Vue 中img图片加载失败解决方案 bug:assets文件下的图片动态取得话,显示不出来. 解决方法:把图片放到public文件夹下 public是直接原封不动打包到dist里面
下滑加载更多js_vue.js怎么实现滑动到底部加载更多数据效果？
vue.js怎么实现滑动到底部加载更多数据效果?下面本篇文章给大家简单介绍一下vue实现滑动到底部加载更多效果.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 本文实例为大家分享了v ...
Vue 实现下拉加载更多
熟悉Element-UI的开发者可能都会有这样的经历,它的无限滚动 InfiniteScroll 并不好用,下面介绍两种下拉加载的实现方法: 1. 使用el-table-infinite-scroll ...

vue中h5下滑加载更多

vue中h5下滑加载更多相关推荐

最新文章

热门文章