a-tabs实现hover代替点击切换标题

需求为鼠标划到哪一个标题下相应的内容就切换过去，类似hover代替点击切换标题

1.踩坑

a-tabs没找到自带的hover函数回调只能自己来手动添加

1.1@mouseenter 鼠标进入触发回调函数

触发函数返回的value内容是整个tab栏的实例，拿不到进入哪个标题

1.2@mouseover 鼠标移出触发回调函数

可以利用返回值的innerHTML实现但是效果不好

2.正确实现

采用@mousemove函数

html绑定：

<a-tabs v-model="activeKey"   @mousemove="handleMouseover" >

函数：    重点是index.target.innerHTML属性

handleMouseover(index){

      switch (index.target.innerHTML)

      {

        case '公司新闻':

          this.activeKey = '1'

          break

        case '党建工作':

          this.activeKey = '2'

          break

        case '项目动态':

          this.activeKey = '3'

          break

        case '通知公告':

          this.activeKey = '4'

          break

      }

     

    },