vue实现鼠标移入移出事件

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/liuxin_1991/article/details/81284215

        <div class="index_tableTitle clearfix" v-for="(item,index) in table_tit">
          <div class="indexItem">
            <span :title="item.name">{{item.name}}</span>
            <span class="mypor">
              <i class="icon" @mouseenter="enter(index)" @mouseleave="leave()"></i>
              <div v-show="seen&&index==current" class="index-show">
                <div  class="tip_Wrapinner">{{item.det}}</div>
              </div>
            </span>
          </div>
        </div>

  export default {
    data(){
      return{
        seen:false,
        current:0
      }
    },
    methods:{
      enter(index){
        this.seen = true;
        this.current = index;
      },
      leave(){
        this.seen = false;
        this.current = null;
      }
    }
  }