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

来源:8-8 Vue项目城市选择页 - 搜索逻辑实现

即墨火未燃

2018-05-21

http://img.mukewang.com/szimg/5b026afd0001479404480568.jpghttp://img.mukewang.com/szimg/5b026b080001b19504080529.jpg

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

写回答

3回答

刚仔

2018-07-25

 <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的内容

0
0

牵手来空手去

2018-07-05

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

0
0

Dell

2018-05-21

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

0
4
刚仔
回复
Dell
本人愚钝,还是不明白什么意思
2018-07-25
共4条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程