vue项目中input输入框回车直接返回首页问题

当一个 form 元素中只有一个输入框时，每次鼠标点击输入框后，不管是否输入数据，按下回车键后都跳转到首页。原因是在该输入框中按下回车键默认自动提交该表单。如果希望阻止这一默认行为，可以在标签上添加 @submit.native.prevent。

eg:

<el-form ref="foldForm" :group-fields="foldFields" :buttons="foldFormButtons"

label-width="120px"  @submit.native.prevent>

</el-form>

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一步步演示使用Ext JS创建Login窗口
    之前在Sencha Cmd创建Ext JS示例项目演示了用Sencha Cmd来创建一个Login示例。在这里会演...
    写意悠悠阅读 8,920评论 4赞 24
  • vue+elementUI 开发总结
    前言 公司在使用vue搭配elementui开发后台系统，中间遇到了大大小小的“坑”，需要总结下，以防后期遇到。 ...
    方丈先生阅读 3,447评论 0赞 1
  • 事件类型
    本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件，主要有以下一些。 click 事件，dblc...
    许先生__阅读 2,499评论 0赞 4
  • 小城信仰【2】
    喜欢一座城，因为那在乎的人？ 习惯一座城，因为它的信仰留住了你。
    羊先森阅读 133评论 0赞 0
  • 0613 2组20号 吸引力定律
    几年前我在工作中知道了世间万物存在，是有定律的，也是因为宇宙的存在，有着不同的能量，我们也会被不同的定律所吸引着—...
    dm冬梅阅读 286评论 0赞 1