输入框开始输入时候显示没有匹配项,随后消失
来源:8-8 Vue项目城市选择页 - 搜索逻辑实现
即墨火未燃
2018-05-21
老师,为什么我输入框开始输入的时候,开始会闪一下没有匹配项,随后马上消失呢?代码是按照你写的弄的(话说,这个截图截了很久才截取到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的内容
00 -
牵手来空手去
2018-07-05
因为你加了setTimeout 延时100毫秒,所以你输入了a的时候,watch并没有执行 ,list还是为[ ],只要去了延时器就好了 。我也不知道为什么老师这里要加一个截流
00 -
Dell
2018-05-21
这个要看下逻辑,输入的时候有可能确实列表还没获取到数据,就会显示没有数据,这块实际上是个小bug,你可以解一下。判断如果正在请求,显示正在请求
042018-07-25
相似问题