element ui 的Dialog 对话框内的input输入框内回车导致界面刷新

问题

使用element ui 的Dialog 对话框内的input输入框内回车导致界面刷新,对话框也会自动关闭

解决

在对对应的事件后面加上.native.prevent属性,就可以阻止回车提交事件
由于我只想在回车后,开始搜索,就使用@keyup.enter

<el-input v-model="search_str" placeholder="请输入文件名称进行搜索"
@keyup.enter.native.prevent="search"></el-input>
posted @   天宁哦  阅读(569)  评论(0)  编辑  收藏  举报
相关博文：
· element ui的Loading组件在Dialog对话框内使用
· element-ui 对话框中嵌套对话框及其遮罩层关闭问题
· elementUI——el-input阻止输入后回车清除输入值，且提交表单刷新页面
· element 阻止点击回车刷新页面 enter 刷新
· vue+element ui el-form 阻止表单输入框按回车刷新页面
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示