寫了一個(gè)demo要用到scoll 的效果跟啤, 試用了兩個(gè)插件, 踩到了一些坑唉锌,挺可笑的隅肥。
Mint-ui 中的 loadmore
這個(gè)是模擬上拉下拉刷新請求數(shù)據(jù)的效果,有兩地方需要注意一下
1. API的配置項(xiàng)如何配置 袄简?
這里文檔沒有說清楚腥放,我也是有的懵,不過后來試了一下绿语,直接寫在組件擴(kuò)展HTM了就可以了
<mt-loadmore? topPullText=“這里就是配置的寫入地方”> </mt-loadmore>
2. 替換文字除了上面的配置API可以替換意外 slot方法也可以 直接插入既可.
<mt-loadmore > ? <div slot='top'> </div> ? </mt-loadmore>
BScroll 插件
不得不說 如果吧不熟悉Vue生命周期的話 秃症,這里一定會(huì)出錯(cuò), 因?yàn)樗陌咐o的太簡單了吕粹,忽略了一個(gè)問題 ?就是DOM的問題
官方案例這里寫的
import BScroll from 'better-scroll'
?newBScroll(documenet.getElementById('wrapper'), {})
這里面有兩個(gè)坑BS沒有說清楚种柑、
1. 這個(gè)案例必要要是DOM渲染完畢才可以使用,如果你在在生命周期create中使用匹耕,則無效聚请,必須使用$nextTick()函數(shù)包裹,或者掛在在Mounted函數(shù)中
2. 這個(gè)就是老生常談了泌神,如果你的數(shù)據(jù)是動(dòng)態(tài)請求回來的良漱,最好放在異步回調(diào)中