vue 給按鈕添加回車事件


場景:pc端需要頭部搜索,並支持回車搜索。如下

下面就把代碼放出來

<Button type="primary" @click="handleSearch" @keyup.enter="enterSearch">搜索</Button>

下面是js里面的代碼,回車就可以了

created () {
    //    一定要在create里面執行一下寫的回車事件enterSearch(),否則會執行不了
       this.enterSearch()
   },
   methods: {
        //條件搜索
        handleSearch() {
            this.pageNumber = 1;
            this.getList()
        },
        //回車搜索
        enterSearch(){
            document.onkeydown = e =>{
                //13表示回車鍵,baseURI是當前頁面的地址,為了更嚴謹,也可以加別的,可以打印e看一下
                if (e.keyCode === 13 && e.target.baseURI.match(/freshmanage/)) {
                //回車后執行搜索方法
                    this.handleSearch()
                }
            }
        }
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM