zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    密码框组件
    文本框组件
    列表框组件
    复选框组件
    单选按钮组件
    nginx for windows
    Mesa 3D
    下载服务器文件到本地
    消息服务
    Redis查看已注册的提供者消费者信息
  • 原文地址:https://www.cnblogs.com/m1754171640/p/15749369.html
Copyright © 2011-2022 走看看