位置: 编程技术 - 正文
基于vue2实现上拉加载功能(vue2.x)
编辑：rootadmin推荐整理分享基于vue2实现上拉加载功能(vue2.x)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue2-elm,vue2入门,vue2.,vue2入门,vue2.0教程,vue2.0教程,vue2.x,vue2实践揭秘,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例为大家分享了vue2实现上拉加载展示的具体代码，供大家参考，具体内容如下
因为我们项目中，还用了swiper。很多都是滑动切换的，但是又得上拉加载，所以导致，很多UI框架，我们用了，都有不同的bug出现，没办法，最后写了一个。代码如下（这个因为很多地方会用，所以建议放在components/common下面）：
然后哪个页面需要，在哪个页面导入即可：import LoadMore from './../common/loadmore.vue';在需要引入他的页面写法如下：
然后在此页面的data里和methods设置如下：
这样就完成了。
上一篇：基于Vue的移动端图片裁剪组件功能(vue做移动端)
下一篇：Vue2仿淘宝实现省市区三级联动(vue实现淘宝布局)