键盘回车导致页面刷新

前提:自定义了一个组件,里面有一个输入框,回车后打印出输入的内容

问题:回车后有时候会刷新页面

原因:W3C 标准中有如下规定

当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。

解决:1在input标签上添加@submit.native.prevent

2在页面中隐藏一个input这样同时有两个input存在

posted on 2018-10-14 16:41  daV_chen  阅读(234)  评论(0编辑  收藏  举报

导航