点击按钮，按钮的方向改变··········涉及classList的常见用法

代码

<i aria-hidden="true"   @click="clickFun($event)" :class="index_b===0?'fa fa-angle-double-down arrow1':'fa fa-angle-double-right arrow1'"></i>


  if (e.currentTarget.className === 'fa fa-angle-double-down arrow1'){
                    e.currentTarget.classList.replace('fa-angle-double-down','fa-angle-double-right')
                } else {
                    e.currentTarget.classList.replace('fa-angle-double-right','fa-angle-double-down')
                }

如果是第二层的按钮有默认样式的话，除了要判断第二层索引的下标还要判断第一层的。
否则，所有的第二层的满足下标的都会有默认样式
举一个例子：

  <i aria-hidden="true"  @click="clickFun($event)" :class="index_b===0&&index_a===0?'fa fa-angle-double-down arrow1':'fa fa-angle-double-right arrow1'"></i>

知识点补充 classList的常见用法

• classList.add( newClassName )；
  添加新的类名，如已经存在，取消添加
• classList.contains( oldClassName );
  确定元素中是否包含指定的类名，返回值为true 、false；
• classList.remove( oldClassName )；
  移除已经存在的类名;
• classList.toggle( className )；
  如果classList中存在给定的值，删除它，否则，添加它；
• classList.replace( oldClassName，newClassName )；
  类名替换