vue3 使用simplebar【滚动条】

1.下载simplebar-vue

npm install simplebar-vue --save
1

2.引入注册

import simplebar from "simplebar-vue";
import 'simplebar-vue/dist/simplebar.min.css'
import 'simplebar-vue/dist/simplebar-vue.js'
1
2
3

vue2的版本基础上 【引入注册】

import simplebar from "simplebar-vue";
import "simplebar/dist/simplebar.min.css";
1
2

会报错

需要改成

import simplebar from "simplebar-vue";
import 'simplebar-vue/dist/simplebar.min.css'
import 'simplebar-vue/dist/simplebar-vue.js'
1
2
3

使用如下

  

    
    
    

      
      
        

          首页
          
          {{ item.meta.title }}
          
        
      
    
  
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

参考文档：https://zhuanlan.zhihu.com/p/590671292
参考文档：https://cloud.tencent.com/developer/ask/sof/957899/answer/1360060