在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 想做一個搜索欄,輸入文字后會出現(xiàn)自動提示框,問題是如何輸入文字1s后文本沒改變再

想做一個搜索欄,輸入文字后會出現(xiàn)自動提示框,問題是如何輸入文字1s后文本沒改變再生成提示框

想做一個搜索欄,輸入文字后會出現(xiàn)自動提示框,現(xiàn)在我已經(jīng)在vue內(nèi)通過@keyup="getKey",輸入文本綁定getKey函數(shù)發(fā)送ajax請求,但是輸入文本每次改變,提示框都會改變,我想在文本1秒沒改變的情況下再生成提示框要怎么做,也就是說等我輸入了完整的文本再進(jìn)行搜索生成提示框

回答
編輯回答
舊時光

我提供一下我的思路,看能不能幫助你解決這個問題:
1、在data中定義一個timer: null,用來存儲定時器
2、在methods中的getKey函數(shù)這么寫:

getKey(): {
    var _this = this;
    clearTimeout(_this.timer); //這里很重要,不管如何,都需要清除定時器,若用戶持續(xù)輸入,則不執(zhí)行setTimeout里面的代碼,相信你也能理解
    _this.timer = setTimeout(function(){
        //這里進(jìn)行搜索并生成提示框
    }, 1000);
}
不懂之處,請留言評論,希望能對你有所幫助!
2017年5月5日 14:14