无刷新填充数据时清除elementUI的elTable排序状态的className

场景复现:页面无刷新时,点击tab切换,需要清除排序条件,虽然排序条件可以清除,但是th的排序className还存在

思路:在点击切换tab时,无论是跳转新页面,还是跳转当前页面,都是恢复初始状态(清除排序条件)

/**
 * 清除点击切换step===0时,库存排序的className('descending','ascending')
  * 原因:这个时候params.orderBy已经手动重置为''了,对应的排序按钮选中颜色的className清除
  */
 var selfClassName = document.getElementsByClassName("is-sortable sortChangeClassName");
 var hasDescendingClassNameStt = false;
 var hasAscendingClassNameStt = false;
 for(var a =0;a<selfClassName.length;a++){
   // 清除倒序className
   hasDescendingClassNameStt = selfClassName[a].classList.contains('descending');
   if(hasDescendingClassNameStt){
     selfClassName[a].classList.remove('descending')
   }
   // 清除正序className
   hasAscendingClassNameStt = selfClassName[a].classList.contains('ascending');
   if(hasAscendingClassNameStt){
     selfClassName[a].classList.remove('ascending')
   }
 }

知识点