vue+elementui分頁輸入框回車與頁面中@keyup.enter事件衝突解決

解決這個問題的思路只要判斷事件源是哪個就好。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層。這樣分頁回車事件往外冒泡就不會觸發到根節點間的其他分支上去,我是這樣理解的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章