問(wèn)題描述:
在基于Vue的高仿餓了么實(shí)戰(zhàn)項(xiàng)目中使用better-scroll滾動(dòng)條插件實(shí)現(xiàn)滾動(dòng)條效果時(shí)馋袜,頁(yè)面初始化后對(duì)于需要滾動(dòng)的DOM元素雖然添加了滾動(dòng)條的樣式但是任然不能滾動(dòng)舶斧;
問(wèn)題原因:
高度發(fā)生變化時(shí),DOM沒(méi)有進(jìn)行更新泽台;
因?yàn)樵趘ue中DOM的更新是異步的 ,DOM的更新需要在$nextTick()中進(jìn)行怀酷;
解決方案:
將滾動(dòng)條的初始化操作放在$nextTick()中
滾動(dòng)條滾動(dòng)失敗