位置: 编程技术 - 正文
推荐整理分享基于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设置如下:
这样就完成了。
标签: vue2.x
本文链接地址:https://www.jiuchutong.com/biancheng/378917.html 转载请保留说明!上一篇:基于Vue的移动端图片裁剪组件功能(vue做移动端)
下一篇:Vue2仿淘宝实现省市区三级联动(vue实现淘宝布局)
友情链接: 武汉网站建设