最新要闻

广告

手机

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

家电

世界热门:el-input 使用 回车键会刷新页面的问题

来源:博客园


(资料图)

使用el-input的时候,光标聚焦在输入框,按下回车,会刷新页面。这是因为当el-form表单中只有一个input时,按下回车建会自动触发页面的提交功能, 产生刷新页面的行为

解决办法法一:form表单内多增加一个元素,不占据位置即可

          // form表单内多增加一个元素,不占据位置即可  

法二:如下代码,在 el-form 中 加个 @submit.native.prevent,就可以了,@submit: 表单提交.native 绑定系统原生事件.prevent 提交以后不刷新页面

// 在 el-form 中 加个 @submit.native.prevent        

关键词: 刷新页面 增加一个 就可以了