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

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

 

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

1.绑定事件:

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

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

 

 2.js(通过增加一个class name)

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

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

 

 3.CSS(自己想要的样式)

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

 

上一篇:微信小程序 点击事件 传递参数


下一篇:antd源码分析之——对话框(modal)