在vue 中鼠标移入方法为 v-on:mouseover,鼠标移出方法为 v-on:mouseout

使用方法如以下代码中的写法

<div class="subei1" id="subei1" 
     v-on:mouseover="changeActive()" 
     v-on:mouseout="removeActive()"  
     @click.stop="changeStyle()">
</div

方法如下:

	
    changeActive(id) {
      document.getElementById("subei1").classList.add("active");
      document.getElementById("subei2").classList.add("active");
    },
    removeActive($event) {
      if (this.flag) {
        document.getElementById("subei1").classList.remove("active");
        document.getElementById("subei2").classList.remove("active");
      }
    },
Logo

前往低代码交流专区

更多推荐