基于iscroll.js和Vue.js 的上拉加载功能实现【原创

来源:https://www.sucaihuo.com/js/2370.html 2017-07-10 05:50浏览(4291) 收藏

自己写的一款上拉加载更多数据插件,根据iscroll 官方文档内容编写的一款滚动加载实例DEMO。
基于iscroll.js和Vue.js 的上拉加载功能实现
分类:手机特效 > 触屏滑动 难易:入门级
查看演示 下载资源 下载积分: 20 积分

iScroll使用方法

首先在 window.onload 时 new 一个 iScroll

第二步 设置 iscroll的参数   (写在一堆了 ,  也可以在下面使用 myscroll.onScrollMove = function 来设置)

第三步 使用is_r 控制是否发送请求

vue部分
static 是来控制 状态标示的显示的  0表示 上拉   1表示 加载中  2表示 加载成功

如果没有特殊需要,只需在onScrollMove方法里, for循环处和下面部分包裹在ajax请求的success里即可

实现方法有点low, 希望与遇到同样问题的猿们共勉!
标签: 加载滚动scroll
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/2370.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2