首页 > 移动平台 > 详细

把axios获取到的数据渲染到列表上,使用better-scroll实现列表左右滑动

时间:2021-05-11 16:27:15      阅读:12      评论:0      收藏:0      [点我收藏+]

问题:axios数据请求完后,页面是有数据的,即页面看到有数据,但是better-scroll却无法滚动

原因:这是因为在数据更新前,better-scroll已经渲染完成了

解决方法:这是个异步问题,解决方法有很多,如果数据频繁变动,可以将better-scroll定义在mounted中,然后在watch监视器中监听数据的变化,检测到数据变化时,使用vue的$nextTick()方法调用better-scroll的refresh()方法,重新渲染better-scroll。

补充:content元素的宽是根据列表的长度变化,由此得出计算公式content的px宽=列表的长度*单个列表的px宽

单个列表的px宽= 单个列表的rem宽*16*document.documentElement.clientWidth / 375

注意:要根据rem计算px,因为rem是根据页面宽度自适应的技术分享图片

把axios获取到的数据渲染到列表上,使用better-scroll实现列表左右滑动

原文:https://www.cnblogs.com/chicidol/p/14754763.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!