el-tab-pane 添加事件

在Vue中，给el-tab-pane添加@click事件可能会无效。根据[1]的引用内容，官方文档只提供了关于tab的点击事件，而tab-pane没有点击事件。为了解决这个问题，可以在el-tab-pane中加入插槽，并在插槽中添加@click事件。具体做法是在el-tab-pane中添加一个div标签，并将@click事件绑定到这个div上。例如，可以像下面这样修改代码：

<el-tabs v-model="activeName">
  <el-tab-pane v-for="item in productList" :key="item.categoryId" :label="item.categories" :name="item.categories">
    <div slot="label" @click="tabClick(item.categoryId)">{{ item.categories }}</div>
  </el-tab-pane>
</el-tabs>

这样，每个tab-pane都会有一个可点击的区域，并且可以通过tabClick方法获取到对应的id值。这个方法可以在Vue实例的methods中定义。希望这个解决方法对你有帮助。