vue实现鼠标移入移出事件


vue鼠标划过移入移出触发函数介绍

<ul>>
  <li class= "" v-on:mouseover= "changeActive($event)" v-on:mouseout= "removeActive($event)" ></li>
</ul>
 
 
methods:{
   // 鼠标移入加入class
   changeActive($event){
     $event.currentTarget.className= "active" ;
   },
   removeActive($event){
     $event.currentTarget.className= "" ;
   }
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM