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

Question

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

Answer 1

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

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

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

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

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