鍍金池/ 問答/HTML/ vue 怎樣給頁面添加回車事件?

vue 怎樣給頁面添加回車事件?

vue怎樣給頁面添加回車事件
圖片描述

就是類似于回車登錄的業(yè)務(wù)。
一開始是在表單的input里加keyup去監(jiān)聽回車,<el-input v-model="form.phone" @keyup.enter.native="queryList('isCheck')"></el-input>(這里是用elementUI)
但是這種方法需要焦點在input框里,但是媒介、銷售、日期這3個選擇器選擇完后,焦點沒有在上面,keyup也就沒有用了。
有沒有輸入完查詢表單后,焦點不再表單里也能出發(fā)回車事件去查詢列表?
求交流!

回答
編輯回答
情殺

你可以在根組件里面添加一個監(jiān)聽enter的事件,然后把這個事件廣播出去,然后在你的業(yè)務(wù)組件內(nèi)再去監(jiān)聽根組件廣播的這個事件,這樣就可以了獲取到這個enter了。

2017年4月22日 23:09
編輯回答
離殤

目前來看貌似只能在created里面加個監(jiān)聽document.onkeydown,判斷表單是否都有值,然后發(fā)送請求,最后再判斷下滾動條位置之類的,防止在頁面其他位置也提交

2018年8月16日 00:36