場景: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() } } } }