这是form表单的一个坑，就是当form表单中只有一个input输入框的时候，键盘回车事件就会刷新页面，因为form表单把这个事件当成了是提交表单的操作，所以解决方法是再写一个type为hidden的input标签。 另外，如果是element-ui中出现了这个问题 ...

解决方法： 在el-form上添加@submit.native.prevent ...

form内只有一个输入框时,按回车会刷新页面 && 如果input有回车事件回车也会刷新页面 阻止form的默认事件，即在form上加上这句话：@submit.native.prevent Element UI ...

问题：vue项目中 在输入框输入字符并按下回车键搜索时，不会进行搜索， 而是会刷新页面。 后来发现 只有页面中只有一个input时 才会出现此问题，经查阅得知，是因为当form表单中只有一个input时，按下回车建会自动触发页面的提交功能， 所以会产生刷新页面的行为 解决 ...

在el-form添加@submit.native.prevent ...

<el-form @submit.native.prevent> <el-form-item prop="password"> <el-input :type="!eyeStatus?'password':'text ...

autofocus是input的原生属性,饿了么组件也支持这种方法, 但是input外面还有其他组件, 导致autofocus失效, 只能手动调用focus方法 ...

问题描述：ElementUI 中的el-input，当input仅有一项时，使用@keyup.enter.native事件绑定回车事件，出现点击回车后，浏览器会刷新页面的问题； 问题原因：是由于当表单只有一个文本框时，按下回车将会触发表单的提交事件， 导致页面的刷新。 解决 ...