vue input实时搜索,以最后一次结果展示

需求:根据输入内容实时调用搜索接口,因为网络、异步等问题,可能会造成渲染的结果是上一次输入搜索的内容,比如先后输入1、12、123,可能出现123的结果先返回展示,接着才返回12的结果,那这是页面上展示的就是12的结果,这显然是有问题的;解决办法如下

第一种方法:

1、在data中定义一个字段

 2、在接口事件中 this.lastRes ++ ;定义一个变量 let a = this.lastRes,然后判断a == this.lastRes,如果相等输出结果

3、效果如下,在没有返回最后一次结果的时候,显示加载效果

 第二种方法:

1、利用防抖和节流

第一种方法参考链接:https://blog.csdn.net/weixin_41798613/article/details/106947391

原文地址:https://www.cnblogs.com/m1754171640/p/15749369.html