这篇文章主要为大家详细介绍了基于vue框架vux组件库实现上拉刷新功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
最近公司在研发app,选择了基于Vue框架的vux组件库,现总结在实现上拉刷新功能遇到的坑:
1.问题:只刷新一次,解决方法:需要自己手动重置状态
this.scrollerStatus.pullupStatus = ‘default',
2.问题:不能滚动,解决方法:因为启用keep-alive缓存,需要设置
activated () {
this.$refs.scroller.reset()
}
立即学习“前端免费学习笔记(深入)”;
如果还没效果,请在获取后台数据后,执行如下代码
this.$nxtTick(() => {
this.$refs.scroller.reset()
})
立即学习“前端免费学习笔记(深入)”;
贴出整个页面的代码。
至
确定
取消
已加载全部数据 {{ alertMessage }}
立即学习“前端免费学习笔记(深入)”;
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
立即学习“前端免费学习笔记(深入)”;










