判断一个类名增加一个class

怎么判断class=“now”里面是否有这个active。
如果有的话在class=“other”在增加一个类名select
如果没有就消失。

<div class="other"></div>
<div class="now active"></div>

原生的话：

<div class="other">ddd</div>
<div class="now active">ddd1</div>
<script>
var now = document.querySelector('.now');
var other = document.querySelector('.other');
var result = now.getAttribute('class');
if(result.indexOf('active') > -1){
    other.classList.add("select");
}else{
    other.classList.remove("select");
}
</script>

1. 如果是vue的话:
   可以声明个data，然后用这个变量来控制class

<div class="other" :class="{'select' : isActive }"></div>
<div class="now active"  :class="{'select' : isActive }" @click="isActive = !isActive"></div>

data() {
  return {
    isActive: false
  }
}

2. 如果是原生的话

var now = document.querySelector('.now');
   var other = document.querySelector('.other');
   var result = div2.getAttribute('class');
   if(result.indexOf('active') > -1){
       other.classList.add("select");
   }else{
       other.classList.remove("select");
   }

望采纳 ^.^ 谢谢啦~

楼上确实是的.....