vue+elementui分页输入框回车与页面中@keyup.enter事件冲突解决

本文主要是介绍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层。这样分页回车事件往外冒泡就不会触发到根节点间的其他分支上去，我是这样理解的。

这篇关于vue+elementui分页输入框回车与页面中@keyup.enter事件冲突解决的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---