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

• Z时代
• 2024-01-10
• 分类：综合

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

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 鼠标事件通过class改变样式 的全部内容， 来源链接： utcz.com/z/375061.html