远程搜索

https://mp.weixin.qq.com/s?src=11&timestamp=1670311182&ver=4209&signature=1wqQNR9GM4aduhyGA4sEa9NJqhwQFTDImC454pJb8NfethaiFM5grcvywp98OONDWCP7IPOiYeZPyM-wA3es4TzJ7LGg-UWGXmNLn4-tOcS4poUpY4aoz7j8froY6iDM&new=1

  remoteMethod

debounce使用

例如远程搜索时需要通过接口动态的获取数据,若是每次用户输入都接口请求,是浪费带宽和性能的

当一个按钮多次点击时会导致多次触发事件,可以结合场景是否立即执行immediate

<Select :remote-method="remoteMethod">
    <Option v-for="item in temoteList" :value="item.value" :key="item.id">{{item.label}}</Option>
</Select>
import {debounce} from 'lodash'

methods:{
    remoteMethod:debounce(function (query) {
        // to do ...
       // this 的指向没有问题
    }, 200),
}

 

 

posted @   papering  阅读(96)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
历史上的今天:
2021-12-06 Python 爬虫进阶必备 | 某常见 cookie 加密算法逻辑分析 (加速乐 - jsl) https://mp.weixin.qq.com/s/fKuPs2b3MvOi8y4hPVbgNA
2021-12-06 ECB加密 CBC
2021-12-06 CAS Protocol
2019-12-06 Linux进程内存用量分析之堆内存篇
2019-12-06 哨兵
2019-12-06 调度 GMP
2018-12-06 wireshark udp 序列号 User Datagram Protocol UDP 抓包 Wireshark
点击右上角即可分享
微信分享提示