vue鼠标移入添加班级样式,鼠标移出去除样式（活动)实现方法

鼠标移入添加班级样式

超文本标记语言

超文本标记语言绑定事件，加入或者移出班级为活跃的

div class=' col-LG-3 col-xs-6左填充com _ marginn btm 10 choosePlan ' v-: mouse over=' change active($ event ')v-: mouse out=' removeActive($ event ')流量套餐/divJS

这里除了活跃的这个班级需要动态添加或者减去，其他的皆是移入移出都需要的班级

方法： { change active($ event){ $ event。当前目标。类名=' col-LG-3 col-xs-6左填充com _ marginn btm 10 select PlaN active '；}，removeActive($ event){ $ event。当前目标。类名=' col-LG-3 col-xs-6左填充com _ margin btm 10 choose PlaN '；}},拓展知识：vue实现鼠标移入移出事件

如下所示：

div class=' index _ tableTitle clear fix ' v-for='(项，索引)在table _ tit ' div class=' index item ' span : title=' item。名称“{ item。name } }/span span class=' my por ' I class=' icon ' @ mouse enter=' enter(index)' @ mouse leave=' leave()'/I div v-show=' seenindex==current ' class=' index-show ' div class=' tip _ wrappiner ' { item。det } }/中this.current=index}，leave(){ this。seed=falsethis.current=null} } }以上这篇某视频剪辑软件鼠标移入添加班级样式，鼠标移出去除样式（活动)实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。