npm install simplebar 引入SimpleBar:在你的Vue组件中,可以通过import语句引入SimpleBar库: 代码语言:txt 复制 import SimpleBar from 'simplebar'; import 'simplebar/dist/simplebar.min.css'; 在Vue组件中使用SimpleBar:在你的Vue组件的模板中,可以使用SimpleBar的容器元素包裹需要滚动的内容。例如: 代码语言:txt 复制...
但由于Mozilla不支持滚动自定义，我决定使用simpleBar -它在vue 2上运行得很好，但在vue 3上却不起作用...
Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser. - simplebar/examples/vue-3/src/App.vue at master · Grsmto/simplebar
I installed using yarn add simplebar simplebar-vue@beta And these are my codes. import simplebar from 'simplebar-vue'; import 'simplebar/dist/simplebar.min.css'; <template> <simplebar data-simpleb...
在Vue 3项目中使用SimpleBar,你可以按照以下步骤进行操作: 安装SimpleBar:在终端或命令行中进入你的Vue 3项目目录,并执行以下命令来安装SimpleBar依赖: 代码语言:txt 复制 npm install simplebar 引入SimpleBar:在你的Vue组件中,可以通过import语句引入SimpleBar库: ...
import SimpleBar from 'simplebar'; import 'simplebar/dist/simplebar.min.css'; 在Vue组件中使用SimpleBar:在你的Vue组件的模板中,可以使用SimpleBar的容器元素包裹需要滚动的内容。例如: 代码语言:txt 复制 <template> <!-- 这里是你的内容 --> </template> 初始化SimpleBar:在Vue组件的mounted钩子函数中...