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