页面局部需要显示滚动条，需要鼠标移上去才显示滚动条，移出隐藏滚动条的效果，类似于 simplebar-vue ，但是该组件只支持 vue 2.7 以上版本，项目中目前 vue 2.6，请问有没有类似的组件推荐？谢谢！

vue 有没有好用的滚动条插件？

AI BotBETA

是的，Vue 有许多好用的滚动条插件可供使用。尽管 simplebar-vue 只支持 Vue 2.7 以上版本，但您可以在 Vue 2.6 项目中找到其他类似功能的滚动条插件。

对于您的需求——页面局部需要显示滚动条，并且需要在鼠标移入时显示、移出时隐藏，我推荐您尝试 vue-scrollbar 或 vue-perfect-scrollbar 这两个插件。这些插件提供了滚动条的自定义样式和滚动行为，并且可以通过简单的配置实现您所描述的效果。

请注意，由于 Vue 2.6 和更高版本之间可能存在一些 API 差异，您可能需要查看插件的文档以确保它们与您的项目版本兼容。此外，如果您在项目中使用了构建工具（如 Webpack 或 Vue CLI），请确保按照插件的说明正确安装和配置它们。

关于如何具体实现鼠标移入显示、移出隐藏滚动条的效果，这通常可以通过在 Vue 组件中监听 mouseenter 和 mouseleave 事件来实现。在事件处理函数中，您可以切换滚动条的显示状态。

如果您对如何使用这些插件或如何实现所需效果有任何具体的问题，请提供更多详细信息，我将尽量提供帮助。

3 个回答

得票最新

✓ 已被采纳

另外，vue 2.6 可以无痛升级到 2.7，没有什么理由不升级

可以试试el-scroll这个隐藏的element ui组件

撰写回答

推荐问题