如何给 el-tab 绑定 mouseover 事件

Question

<el-tabs
      class="change-tabs"
      v-model="editableTabsValue"
      type="card"
      :closable="editableTabs.length > 1"
    >
      <el-tab-pane
        v-for="(item, index) in editableTabs"
        @mouseover.native="mouseover($event)"
      >
      </el-tab-pane>
</el-tabs>

代码如上 主要是 el-tab-pane 都是 mouseover 这块
我加了 native 也是无效的 请问有没有大佬遇到过这样的场景

Answer 1

通过label插槽自定义tab的标题，你想加啥事件都行

<el-tab-pane>
    <span slot="label" @mouseover="mouseover">我的行程</span>
    我的行程
</el-tab-pane>

Answer 2

this.$refs.tab.addEventListener('mouseover', function(){
    //
})