问题：做项目时，偶遇表单中的input输入框回车操作后整个页面刷新问题？
原因：
1.默认情况下，单个输入框，无论按钮的type="submit/button"类型，回车即提交
2.当按钮的type="submit"时，无论几个输入框，回车均提交
3.当按钮的type="button"时，存在多个输入框，回车不提交
解决：
1.对于普通html
方式一：加一个隐藏的input输入框，并将button的type=“button”
方式二：在form表单或input中添加：onkeydown="if(event.keyCode==13)return false"
<!-- 方式一： -->
<form>
<input type="text"/>
<input type="text" display="none"/>
<button type="button"></button>
</form>
2.在vue中
在el-form上添加@submit.native.prevent
<el-form @submit.native.prevent>
<el-input v-mode="name"></el-input>
</el-form>
网友评论