ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.1k stars 14.64k forks source link

There is only a single input box in the [bug report] form. Select the input box and click enter. The page will refresh #19717

Open qq185907122 opened 4 years ago

qq185907122 commented 4 years ago

Element UI version

2.13.2

OS/Browsers version

macos catalina 10.15.5 (19F101) / chrome 83.0.4103.97

Vue version

3.0.0-beta.15

Reproduction Link

https://codepen.io/pen/?&editable=true=https%3A%2F%2Felement.eleme.cn%2F%3F

Steps to reproduce

当form表单中只有1个输入框时, 点击回车键,刷新当前页面,链接被修改 如:修改前https://element.eleme.cn/#/zh-CN/component/form 修改后 https://element.eleme.cn/?#/zh-CN/component/form

What is Expected?

不做任何动作

What is actually happening?

页面刷新

element-bot commented 4 years ago

Translation of this issue:

Element UI version

2.13.2

OS/Browsers version

macos catalina 10.15.5 (19F101) / chrome 83.0.4103.97

Vue version

3.0.0-beta.15

Reproduction Link

https://codepen.io/pen/?&editable=true=https%3A%2F%2Felement.eleme.cn%2F%3F

Steps to reproduce

When there is only one input box in the form form,

Click enter to refresh the current page. The link is modified For example: before modification https://element.eleme.cn/#/zh -After modification of CN / component / form https://element.eleme.cn/?#/zh -CN/component/form

What is Expected?

Do nothing

What is actually happening?

page refresh

Kellercai commented 4 years ago

可以在el-from 加上 @submit.native.prevent

qq185907122 commented 4 years ago

OK,谢谢

stale[bot] commented 3 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.