解決這個問題的思路只要判斷事件源是哪個就好。el分頁的回車觸發事件是在按下時,擡起並不會再觸發。而keyup.enter事件是在擡起時觸發。
so,找不到分頁的回車事件那就拿keyup.enter事件搞事情。只要判斷這個擡起事件的$event中的錨點樣式判斷不等於分頁特有的樣式就可以了
@keyup.enter="allKeyup($event)" //頁面上的
//js中
allKeyup(ev){
if(ev.target.parentNode.className!="el-input el-pagination__editor is-in-pagination"){
this.queryParams.page.current = 1;
this.search();
}
},
還有一個辦法就是頁面中的keyup.enter事件不要寫在最外層的div上,需要寫到單獨div層。這樣分頁回車事件往外冒泡就不會觸發到根節點間的其他分支上去,我是這樣理解的。