Vue项目--用iscroll.js+pullToRefresh.js实现上拉加载更多、下拉刷新
首先先引用这三个文件,
·
import '../../assets/css/pullToRefresh.css'
import iscroll from '../../assets/js/iscroll.js'
import pullToRefresh from '../../assets/js/pullToRefresh.js'
首先先引用这三个文件,
HTML:
<div id="wrapper">
<ul>这是需要下拉上拉的内容</ul>
</div>
然后在你数据调完的时候:进行初始化
pullToRefresh.init({
id: "wrapper",
pullDownAction: that.Refresh,
pullUpAction: that.Load
})
方法:
Refresh () {
需要处理的东西;
that.$nextTick(function() {
myScroll.refresh() //在新数据DOM渲染完毕后关闭
})
},
Load () {
需要处理的东西;
that.$nextTick(function() {
myScroll.refresh() //在新数据DOM渲染完毕后关闭
})
},
这样操作就不会出现,下拉不完全、上拉不完全的情况,一定要在数据渲染完全之后进行操作,另外,要改变下拉、上拉时的图标,可以去pullToRefresh.js里修改,这个就留给大家自己研究下吧!!
更多推荐
已为社区贡献8条内容
所有评论(0)