HTML绑定事件,加入或者移出class为active
div v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)" 流量套餐 /div
JS
这里除了active这个class需要动态添加或者减去,其他的皆是移入移出都需要的class
methods:{ changeActive($event){ $event.currentTarget.className="col-lg-3 col-xs-_marginBtm10 choosePlan active"; removeActive($event){ $event.currentTarget.className="col-lg-3 col-xs-_marginBtm10 choosePlan"; },
拓展知识:vue实现鼠标移入移出事件
如下所示:
div v-for="(item,index) in table_tit" div span :title="item.name" {{item.name}} /span span i @mouseenter="enter(index)" @mouseleave="leave()" /i div v-show="seen index==current" div {{item.det}} /div /div /span /div /div
以上这篇vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。