【转】vux (scroller)上拉刷新、下拉加载更多
2024-10-12 19:24:12
1)比较关键的地方是要在 scroller 组件上里加一个 ref 属性
<scroller :lockX="true" height="-170" :pulldown-config="{downContent: '下拉刷新', upContent: '释放后更新'}" :pullup-config="{upContent:'上拉加载更多', downContent: '释放后加载'}" ref="myScroller" :use-pulldown="true" :use-pullup=true @on-pulldown-loading="pageNum = 1;getArticleList(1, catId)" @on-pullup-loading="getArticleList(1, catId)"> </scroller>
如上,我加一个叫 myScroller 的 ref 属性,下面可以通过这个东西来调用组件的方法
2)上拉刷新,下拉加载(let _this = this)
if (data.Code !== 0) return false if (_this.pageNum === 1) {
_this.ArticleList = data.Result.ArticleList _this.$nextTick(() => {
_this.$refs.myScroller.donePulldown()
_this.$refs.myScroller.reset({top: 0})
})
} else {
let _count = _this.ArticleList.length
for (var i = data.Result.ArticleList.length - 1; i >= 0; i--) {
_this.ArticleList[_count + i] = data.Result.ArticleList[i]
} _this.$nextTick(() => {
_this.$refs.myScroller.donePullup()
_this.$refs.myScroller.reset()
})
}
最新文章
- FtpUtil
- Java异常处理和设计
- 头一次试验angularjs
- C++是一把很奇怪的刀
- express-15 与生产相关的问题
- Redis过期时间
- 每用户订阅上的所有人SID 不存在
- 跳出frameset框架
- ASP.Net WebForm学习笔记:一、aspx与服务器控件探秘
- Centos+nginx+uwsgi+Python多站点环境搭建
- 《OpenCV3 计算机视觉--Python语言实现 第二版》源代码及纠错
- python细碎语法点
- 《Python网络编程》学习笔记--使用谷歌地理编码API获取一个JSON文档
- CentOs 7 中安装tomcat8
- 分布式监控系统开发【day37】:填充表配置项目(三)
- Python_day1 Learning record
- POJ1062昂贵的聘礼(经典) 枚举区间 +【Dijkstra】
- 分析轮子(一)-ArrayList.java
- Centos安装Python各版本解释器并配置pip
- Golang 中错误与异常需要重新认识