vue中使用perfect-scrollbar实现鼠标文本栏滚动

你可以按照以下步骤在Vue项目中使用perfect-scrollbar插件来实现鼠标文本栏滚动：

1. 安装perfect-scrollbar插件：

npm install perfect-scrollbar --save

2. 在需要使用的Vue组件中引入插件：

import PerfectScrollbar from 'perfect-scrollbar';
import 'perfect-scrollbar/css/perfect-scrollbar.css';

3. 在Vue组件的mounted生命周期函数中初始化插件：

mounted () {
  this.$nextTick(() => {
    const container = document.querySelector('.scroll-container');
    this.scrollbar = new PerfectScrollbar(container);
  });
}

这里的.container是你想要加入滚动条的容器元素的CSS类名。你可以根据实际情况进行修改。

4. 在Vue组件的beforeDestroy生命周期函数中销毁插件：

beforeDestroy () {
  if (this.scrollbar) {
    this.scrollbar.destroy();
    this.scrollbar = null;
  }
}

这样就可以在Vue项目中使用perfect-scrollbar插件来实现鼠标文本栏滚动了。