鼠标移入添加class样式
HTML
HTML绑定事件,加入或者移出class为active
rush:js;">
SEOver="changeActive($event)" v-on:mouSEOut="removeActive($event)">
流量套餐
JS
这里除了active这个class需要动态添加或者减去,其他的皆是移入移出都需要的class
rush:js;">
methods:{
changeActive($event){
$event.currentTarget.className="col-lg-3 col-xs-6 paddingLeft com_marginBtm10 choosePlan active";
},removeActive($event){
$event.currentTarget.className="col-lg-3 col-xs-6 paddingLeft com_marginBtm10 choosePlan";
}
},
拓展知识:vue实现鼠标移入移出事件
如下所示:
rush:js;">