Vue 点击添加className

  1. 例如如下dom
<li class="del" @click="del($event)">删除</li>
  1. 因为js获取兄弟元素需要中转,所以先获取父元素,再获取子元素,移除className,再给当前dom添加className
const siblings = e.currentTarget.parentNode.children;

for (let i = 0; i < siblings.length; i++) {
    
    
  if (siblings[i].classList.contains('active')) {
    
    
    siblings[i].classList.remove('active');
  }
}
e.currentTarget.classList.add('active')

猜你喜欢

转载自blog.csdn.net/qq_42900469/article/details/131300696