首页 > 其他 > 详细

使用vue+iview Form组件 按enter键阻止页面刷新

时间:2019-11-13 18:17:48      阅读:196      评论:0      收藏:0      [点我收藏+]

如果我们在Form组件中嵌套使用Input组件的时候,会有一个小问题,如果我们在一个Form组件中只使用了一个Input组件,当该Input组件获取焦点的时候,我们按enter键,整个页面会刷新

解决办法:

searchHandle获取数据的方法
方法一、
<Form ref="formInline" :model="jigouInfo" inline :label-width="80" @keydown.native.enter.prevent ="searchHandle">

</Form>

方法二、

//也可以直接在Input组件上阻止刷新,记得要用keydown事件,不要用keyup事件哦,亲测keyup事件不起作用
<Form ref="formInline" :model="jigouInfo" inline :label-width="80">
<FormItem label="出版机构名称" :label-width="120">
<Input v-model="jigouInfo.jigou_name" placeholder=""
@keydown.enter.native.prevent="searchHandle"></Input>
</FormItem>

————————————————
版权声明:本文为CSDN博主「冰雪为融」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/lhjuejiang/article/details/84844727

使用vue+iview Form组件 按enter键阻止页面刷新

原文:https://www.cnblogs.com/wssdx/p/11851531.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!