vue输入框回车页面刷新

问题描述:
在vue项目开发时,运用element-ui或者iView组件的Form组件;当Form组件中只有一个Input组件时,鼠标聚焦输入框后,点击回车键,页面就会刷新。例如以下代码:

解决方法:
方法一:
用@submit.native.prevent来阻止默认行为,在组件Form上添加@submit.native.prevent

方法二:
再在表单里添加一个Input组件(若需求需要一个input,可将第二个Input组件隐藏)

你可能感兴趣的:(Vue)