iview中,当我们的form表单内只有一个input输入框时,当input输入框获取焦点,此时按下enter键,页面就会刷新。 针对以上问题,防止页面刷新,有以下两种解决方案:
1、按下enter键回车事件,去触发提交事件,@keydown.native.enter.prevent
<Form :label-width="100" ref="creatdata" :model="creatdata" :rules="creatRules" style="padding:2% 10%"
@keydown.native.enter.prevent ="creatSubmit('creatdata')">
</Form>
2、阻止页面刷新,@submit.native.prevent
<Form :label-width="100" ref="creatdata" :model="creatdata" :rules="creatRules" style="padding:2% 10%"
@submit.native.prevent>
</Form>