谁说vue和jquery不能混合用

说明:通过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');
			}
		}
发布了31 篇原创文章 · 获赞 1 · 访问量 859

猜你喜欢

转载自blog.csdn.net/weixin_43844975/article/details/103339650