问题:axios数据请求完后,页面是有数据的,即页面看到有数据,但是better-scroll却无法滚动原因:这是因为在数据更新前,better-scroll已经渲染完成了解决方法:这是个异步问题,解决方法有很多,如果数据频繁变动...
问题: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实现列表左右滑动
基础教程推荐
- 解决Android Studio突然不显示logcat日志的问题 2023-02-04
- android studio按钮监听的5种方法实例详解 2023-01-12
- Android开发使用RecyclerView添加点击事件实例详解 2023-06-15
- IOS 播放系统提示音使用总结(AudioToolbox) 2023-03-01
- IOS应用内跳转系统设置相关界面的方法 2022-11-20
- Flutter绘图组件之CustomPaint使用详解 2023-05-12
- Android中的webview监听每次URL变化实例 2023-01-23
- Android多返回栈技术 2023-04-15
- Flutter手势密码的实现示例(附demo) 2023-04-11
- iOS开发教程之XLForm的基本使用方法 2023-05-01