vue中 给元素添加鼠标移入,鼠标移出的效果的事件
在vue 中鼠标移入方法为 v-on:mouseover,鼠标移出方法为 v-on:mouseout使用方法如以下代码中的写法<div class="subei1" id="subei1"v-on:mouseover="changeActive()"v-on:mouseout="removeActive()"@click.stop="changeStyle()"></div方法如
·
在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");
}
},
更多推荐
已为社区贡献5条内容
所有评论(0)