Vue 鼠标移入移出 样式改变

2024年5月19日 123次阅读 来源: 猫和老许 
<div v-for="(item, index) in 3" :key="index">
  <a @click="goList(index)" @mouseover="getCur(index, item)" :class="curIndex == index ? 'current' : ''">
    <span>{
  { item}}</span>
  </a>
</div>
// tab滑动
getCur(a, b) {
  if (a == 0) {
    this.curIndex = 0;
  } else if (a == 1) {
    this.curIndex = 1;
  } else {
    this.curIndex = 2;
  }
},
// tab 点击事件
goList(a) {
  if (a == 0) {
    this.$router.push("******"); 
  } else if (a == 1) {
    this.$router.push("****");
  } else {
    // *********
  }
},

    原文作者：猫和老许
    原文地址: https://blog.csdn.net/weixin_58346650/article/details/124477335
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞