滚动条: vue-perfect-scrollbar

一、安装npm install vue-perfect-scrollbar

cmd进入项目根目录，执行如下命令:

cnpm install vue-perfect-scrollbar

二、新建scrollbar.vue文件

1、引入

import VuePerfectScrollbar from 'vue-perfect-scrollbar/index.vue'

2、注册

components: {
    VuePerfectScrollbar
  },

3、使用

class="scroll">
      
class="box">
        
323232232
        
323232232
        
323232232
        
323232232
        
323232232
        
323232232
      
    

代码如下：

三、配置路由

在router/index.js中配置如下：

{
    path: '/scrollbar',
    name: 'scrollbar',
    component: () => import(/* webpackChunkName: "about" */ '../views/scrollbar.vue')
  }

在App.vue中

"/scrollbar">scrollbar

四、启动项目

效果如下：