element-ui的el-input按回车键后,如何阻止整个页面直接刷新,实现单页面刷新

当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按回车键后,如何阻止整个页面直接刷新,实现单页面刷新)