el-tabs 上下箭头点击事件

el-tabs 是 Element UI 中的标签页组件，它提供了上下箭头用于切换标签页。你可以通过监听上下箭头的点击事件来实现相应的操作。

首先，你需要在 el-tabs 上添加 ref 属性来获取该组件的实例，例如：

<el-tabs ref="tabs">
  <!-- 标签页内容 -->
</el-tabs>

然后，在你的 JavaScript 中，你可以使用 $refs 来获取 el-tabs 的实例，并绑定上下箭头点击事件。示例代码如下：

mounted() {
  const tabs = this.$refs.tabs;
  tabs.$refs.header.addEventListener('keydown', (event) => {
    if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
      event.preventDefault();
      const activeTab = tabs.getActiveTab();
      const nextTab = event.key === 'ArrowUp' ? tabs.getPrevTab(activeTab) : tabs.getNextTab(activeTab);
      if (nextTab) {
        tabs.setActiveTab(nextTab);
      }
    }
  });
}

在上述代码中，我们监听了 el-tabs 内部的 header 元素上的 keydown 事件。当用户按下上箭头或下箭头时，我们通过 getActiveTab() 方法获取当前活动的标签页，然后使用 getPrevTab() 或 getNextTab() 方法获取上一个或下一个标签页。最后，我们使用 setActiveTab() 方法将下一个标签页设置为活动状态。

请注意，上述代码是基于 Element UI 版本为 2.x 的示例，如果你使用的是其他版本，请根据对应版本的 API 文档进行相应的调整。