iview中form表单一个输入框回车刷新问题

1,041 阅读1分钟

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>