el-tab-pane通过滑动鼠标i换

你可以通过添加一些自定义的JavaScript代码来实现通过滑动鼠标切换el-tab-pane。以下是一个简单的示例，你可以参考：

首先，确保你已经引入了Vue.js和element-ui库。然后，在你的Vue组件中，你可以添加一个监听鼠标滚动事件的钩子函数：

mounted() {
  window.addEventListener('mousewheel', this.handleMouseScroll);
},
beforeDestroy() {
  window.removeEventListener('mousewheel', this.handleMouseScroll);
},

接下来，在methods中定义handleMouseScroll方法来处理鼠标滚动事件：

methods: {
  handleMouseScroll(event) {
    // 获取滚动方向
    const delta = Math.sign(event.wheelDelta || -event.detail);

    // 判断向上还是向下滚动
    if (delta > 0) {
      // 向下滚动
      // 切换到下一个tab
      // 可以调用element-ui的组件方法，比如activeName是tab-pane的属性
      this.$refs.tabs.prevTab();
    } else {
      // 向上滚动
      // 切换到上一个tab
      this.$refs.tabs.nextTab();
    }

    // 阻止默认滚动行为
    event.preventDefault();
  }
}

最后，在el-tabs元素上添加ref属性，使得可以通过this.$refs访问到tabs对象：

<el-tabs ref="tabs">
  <!-- tab-pane 的内容 -->
</el-tabs>

这样，当鼠标滚动时，会触发handleMouseScroll方法来切换el-tab-pane。记得根据你的实际情况进行适当的调整和修改。希望对你有所帮助！