vue - 浅谈better-scroll的使用及注意事项

一、better-scroll的使用

1、安装

npm install better-scroll -S

2、使用

二、注意事项

1、要在数据请求回来之后再初始化滚动，因此，我们需要将封装好的滚动方法放到$nextTick中调用

2、要实现滚动的页面或者内容部分中，一个只能存在一个跟标签（不能多个标签并列），例如：

3、当better-scroll不起作用时，先查看是否有下图transition出现，如果没有，则表示没有获取到元素

如果有，则先打印出初始化的结果，查看以下三个字段是否有值，即hasVerticalScroll是否为true，scrollerHeight和wrapperHeight的值是否大于0，当hasVerticalScroll为false，而scrollerHeight和wrapperHeight的值都大于0，这时说明你已经初始化成功了，只是数据不够多，才会出现滑不动的现象（你可以放多点数据上去验证）