简单来说,在v-for循环时,子元素绑定事件相同,但触发的元素是不同的
如果不适用事件委托等方法,那么当你触发任意一个子元素事件时,其余子元素上绑定的事件同样会被触发
解决方案:
//在子元素上绑定的事件后需要拿到索引值,索引值对象具体的某个子元素,就能做到精准触发
<div class="f_image" v-for="(item,index) in preson" :key="index">
<div class="the_feature from_right_left">
<a href>
<div class="img" @mouseover="right(index)">
...略</>
//这里我引入了jq操作样式,vue来写前端的样式,动画等还是不太...
methods:{
right(e) {
$(".info h3").eq(e).addClass("left");
}
Comments | NOTHING