vue 鼠标事件通过class改变样式

 

 如图，鼠标移入移出改变背景

1.绑定事件：

<div class="indent" @mouseover="mouseOver($event)" @mouseleave="mouseLeave($event)">

 

 2.js（通过增加一个class name）

mouseOver($event){ $event.currentTarget.className = "indent active"; }, mouseLeave($event) { $event.currentTarget.className = "indent"; },

 

 3.CSS（自己想要的样式）

 

标签：vue,indent,鼠标,class,className,currentTarget,event
来源： https://www.cnblogs.com/ting0527/p/11661522.html