解决vue+element 键盘回车事件导致页面刷新的问题

这篇文章主要为大家详细介绍了解决vue+element 键盘回车事件导致页面刷新的问题，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

 

背景

 

今天发现输入框输入内容后回车就会刷新页面

 

解决

 

代码如下：

 <el-form :inline="true" @submit.native.prevent>
 </el-form>

el-from 加上 @submit.native.prevent

 

具体是参考element-ui文档解决的

 

 

W3C 标准中有如下规定：

 

When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.

 

即：

当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在 标签上添加 @submit.native.prevent。

 

以上这篇解决vue+element 键盘回车事件导致页面刷新的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/5761-0.html

注：关于解决vue+element 键盘回车事件导致页面刷新的问题的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js