输入框开始输入时候显示没有匹配项，随后消失

Question

老师，为什么我输入框开始输入的时候，开始会闪一下没有匹配项，随后马上消失呢？代码是按照你写的弄的（话说，这个截图截了很久才截取到QAQ）

Answer 1

刚仔 2018-07-25 23:58:44

 <ul>

        <li v-if="list.length"

          class="search-item border-bottom"

          v-for="item of list"

          :key="item.id"

        >

          {{item.name}}

        </li>

        <li v-else class="search-item border-bottom">

          没有找到匹配数据

        </li>

      </ul>

为何这样,匹配不到时，不显示v-else的内容

Answer 2

牵手来空手去 2018-07-05 19:06:49

因为你加了setTimeout 延时100毫秒，所以你输入了a的时候，watch并没有执行 ，list还是为[ ]，只要去了延时器就好了 。我也不知道为什么老师这里要加一个截流 

Answer 3

Dell 2018-05-21 23:30:12

这个要看下逻辑，输入的时候有可能确实列表还没获取到数据，就会显示没有数据，这块实际上是个小bug，你可以解一下。判断如果正在请求，显示正在请求

• 刚仔 #1

  如何判断是正在请求呀？我也发现这个小bug了

• Dell #2

  看控制台的network
  

• 牵手来空手去 #3

  因为你加了setTimeout 延时100毫秒，所以你输入了a的时候，watch并没有执行 ，list还是为[ ]，只要去了延时器就好了 。我也不知道为什么老师这里要加一个截流

点开查看后面1条评论