说明:通过mouseenter($event,litTit)传入两个事件对象, $event用于给相应元素添加类名,litTit用于传入相应的数据
html部分:
<dl class="scene-header clearfix">
<dt class="scene-cate">{{style.totalTitle}}</dt>
<dd class="scene-every-cate" @mouseenter=setDom($event,litTit) v-for="(litTit,index) in style.content" :key="index">{{litTit.text}}</dd>
</dl>
js:
methods: {
setDom(e,val){
this.currentDom = val;
let dom = e.target;
console.log(e)
$('.cate-active').removeClass('cate-active');
$(dom).addClass('cate-active');
}
}