Vue.js滚动条容器组件- vue2-perfect-scrollbar
| 插件名称 | vue2-perfect-scrollbar |
|---|---|
| 发布时间 | 2020年7月25日 |
| 插件作者 | mercs600 |
vue2-perfect-scrollbar 是滚动条插件的简约但功能强大的容器组件。
安装和下载：
# Yarn
$ yarn add vue2-perfect-scrollbar
# NPM
$ npm install vue2-perfect-scrollbar --save使用
全局导入
import PerfectScrollbar from 'vue2-perfect-scrollbar'
import 'vue2-perfect-scrollbar/dist/vue2-perfect-scrollbar.css'
Vue.use(PerfectScrollbar)因此，您可以在每个组件中将此插件用作
<perfect-scrollbar>
<p> Lorem Ipsum只是印刷和排版行业的虚拟文本。</p>
</perfect-scrollbar>该插件将生成一个带有“ .ps”类名称的容器，您需要自定义容器的高度
/* 例子*/
.ps {
height: 400px;
}