Vue高仿饿了么实战项目使用better-scroll滚动条问题
2017-12-13 本文已影响0人
小人物的秘密花园
问题描述:
在基于Vue的高仿饿了么实战项目中使用better-scroll滚动条插件实现滚动条效果时,页面初始化后对于需要滚动的DOM元素虽然添加了滚动条的样式但是任然不能滚动;
问题原因:
高度发生变化时,DOM没有进行更新;
因为在vue中DOM的更新是异步的 ,DOM的更新需要在$nextTick()中进行;
解决方案:
将滚动条的初始化操作放在$nextTick()中