Better-Scroll的安装
- npm安装:
npm install better-scroll --save
- github安装下载地址:https://github.com/ustbhuangyi/better-scroll
使用
在组件中使用
- 在组件template模板中创建一个div标签(类名一般为wrapper)
- div标签中必须只能传一个元素(但这个元素里面又可以包含许多元素)
- 在script标签中,引入
better-scroll
,并new一个实例.BetterScroll 提供了一个类,实例化的第一个参数是一个原生的 DOM 对象。当然,如果传递的是一个字符串,BetterScroll 内部会尝试调用 querySelector 去获取这个 DOM 对象。
import BScroll from '@better-scroll/core'
let wrapper = document.querySelector('.wrapper')
let scroll = new BScroll(wrapper)
<template>