基于Vue框架vux组件库实现上拉刷新功能

最近公司在研发app,选择了基于Vue框架的vux组件库,现总结在实现上拉刷新功能遇到的坑:
1.问题:只刷新一次,解决方法:需要自己手动重置状态
this.scrollerStatus.pullupStatus = ‘default',
2.问题:不能滚动,解决方法:因为启用keep-alive缓存,需要设置

创新互联专业为企业提供济南网站建设、济南做网站、济南网站设计、济南网站制作等企业网站建设、网页设计与制作、济南企业网站模板建站服务,十年济南做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

activated () {
 this.$refs.scroller.reset()
}

如果还没效果,请在获取后台数据后,执行如下代码

this.$nxtTick(() => {
    this.$refs.scroller.reset()
   })

贴出整个页面的代码。







 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


文章题目:基于Vue框架vux组件库实现上拉刷新功能
文章地址:http://hxwzsj.com/article/iedjji.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 响应式网站设计 重庆企业网站建设 成都企业网站建设公司 app网站建设 重庆外贸网站建设 营销型网站建设 宜宾网站设计 重庆企业网站建设 营销网站建设 成都网站建设 广安网站设计 网站设计 网站设计 成都网站设计 高端定制网站设计 成都网站建设 成都网站建设公司 网站建设公司 成都企业网站制作 重庆网站建设 成都网站制作 重庆手机网站建设