请教 大佬，VUE @click 延迟问题

Question

**1. 做了个很简单导航点击，但点击延迟却长的夸张，最初还以为是移动端300ms ，
所以引了个fastclick,是有好一点，苹果基本不影响体验，但安卓的体验还是很不着调。
具体可以参考下图**

基本每次点击一个完成后要等待0.6s左右

导航栏
<div class="nav">
      <ul>
        <li :class="{'fontColor':isNotHighlight}" @click="notOK">
          未完成
          <div :class="{'navHighlight':isNotHighlight,'bottom_red':!isNotHighlight}"
                       class="borderPosition"
                       style="right:0">
                  </div>
        </li>
        <li :class="{'fontColor':isAlreadyHighlight}" @click="alreadyOK">
          已完成
          <div     :class="{'navHighlight':isAlreadyHighlight,'bottom_red':!isAlreadyHighlight}"
                         class="borderPosition"
                         style="right:0;left:0;margin:0 auto;">
                  </div>
        </li>
        <li :class="{'fontColor':isMyMissionHighlight}" @click="isMyMission">
          我的任务
          <div :class="{'navHighlight':isMyMissionHighlight,'bottom_red':!isMyMissionHighlight}"
                         class="borderPosition"
                         style="left:0">
         </div>
        </li>
      </ul>
    </div>

//导航栏 JS
    notOK(){
      console.log(111);
      this.isNotHighlight = true;
      this.isAlreadyHighlight = false;
      this.isMyMissionHighlight = false;
      this.navSwiper(0);
    },
    alreadyOK(){
      console.log(222);
      this.isNotHighlight = false;
      this.isAlreadyHighlight = true;
      this.isMyMissionHighlight = false;
      this.navSwiper(1);
    },
    isMyMission(){
      console.log(333);
      this.isNotHighlight = false;
      this.isAlreadyHighlight = false;
      this.isMyMissionHighlight = true;
      this.navSwiper(2);
    },

2.以下是IOS的演示动图流畅很多（gif掉帧）

Answer 1

之前自己给自己挖的坑