当el-input标签放入el-form标签中时：
1.只有一个el-input标签
2.既有el-input标签又有el-button标签
以上两种情况会触发form表单默认提交刷新事件（也就是整个页面直接刷新了，相当于按了F5，但是我们想要的效果是当前tab页单独刷新）
解决方法：
在el-form中增加 @submit.native.prevent
如果想对这个输入框进行回车事件监听，加上@keyup.enter.native即可，效果如下图所示：
el-input.png
当el-input标签放入el-form标签中时：
1.只有一个el-input标签
2.既有el-input标签又有el-button标签
以上两种情况会触发form表单默认提交刷新事件（也就是整个页面直接刷新了，相当于按了F5，但是我们想要的效果是当前tab页单独刷新）
解决方法：
在el-form中增加 @submit.native.prevent
如果想对这个输入框进行回车事件监听，加上@keyup.enter.native即可，效果如下图所示：
el-input.png
本文标题：element-ui的el-input按回车键后，如何阻止整个页
本文链接：https://www.haomeiwen.com/subject/jlufwhtx.html
网友评论