点击事件是绑定在父元素身上的,然后父元素里面的span点击的时候回触发这个事件,但是点击父元素里面,span元素外面的地方也会触发这个事件
请输入代码
<div class="field-en" @click="category($event)">
<span class="btn-bg-active">RMSE</span>
<span>R²</span>
</div>
请输入代码
category(e){
console.log(e)
for(var i=0;i<$('.field-en').children().length;i++){
$('.field-en').children()[i].className=''
}
e.target.className='btn-bg-active'
}
你的事件绑定在field-en上,点击field-en上的任何一个位置当然都会触发事件,你可以使用事件委托把事件绑定在子元素span上