vue2中使用better-scroll插件实现滚动效果

vue2中使用better-scroll实现滚动效果

1.npm安装插件

(1)到github上查看最新版本号
(2)在package.json中添加依赖
vue2中使用better-scroll插件实现滚动效果
(3)执行npm install安装,安装成功后node_module目录下生成了better-scroll文件夹
vue2中使用better-scroll插件实现滚动效果

2.使用插件

(1)在需要实现滚动效果的组件中引入插件
import BScroll from 'better-scroll';
(2)标记元素
使用ref属性来标记需要实现滚动效果的元素,然后在js中通过this.$refs获取该元素
vue2中使用better-scroll插件实现滚动效果
(3)绑定dom
vue2中使用better-scroll插件实现滚动效果