el-tab-pane 中@click无效

el-tab-pane 组件不支持 @click 事件。el-tab-pane 是 Element UI 中的一个选项卡组件，用于展示不同的内容。它的主要作用是在切换选项卡时显示相应的内容，而不是响应点击事件。

如果你想要在选项卡切换时执行某些操作，你可以使用 el-tabs 组件的 @tab-click 事件。这个事件会在选项卡被点击时触发，并且会传递当前点击的选项卡的标签名作为参数。你可以在这个事件的处理函数中执行你想要的操作。

以下是一个示例代码：

<template>
  <div>
    <el-tabs @tab-click="handleTabClick">
      <el-tab-pane label="Tab 1" name="tab1">
        Content 1
      </el-tab-pane>
      <el-tab-pane label="Tab 2" name="tab2">
        Content 2
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  methods: {
    handleTabClick(tab) {
      console.log(tab);
      // 执行你想要的操作
    },
  },
};
</script>

在上面的示例中，@tab-click="handleTabClick" 绑定了 el-tabs 的 @tab-click 事件，并将选项卡的标签名传递给 handleTabClick 方法。你可以在 handleTabClick 方法中执行你想要的操作。

希望对你有所帮助！如有任何疑问，请随时追问。