elementUI el-input 回车页面刷新
程序员文章站
2022-06-07 15:33:23
...
有一种bug,可遇不可求。看似不起眼,可能是压死骆驼的最后一根稻草
问题描述
:在使用 el-input 的时候一定看一看你的el-input
是否在el-form
中,如果在请你先enter
一下,看看页面有没有变化;毫无疑问你的页面刷新了
;分析 ----> bug fixed
: 起初还在看日志的你,结果换然大悟,这一回车竟然出发了form表单的默认提交行为,导致页面refresh
,so
上代码@submit.native.prevent
:微笑刺客:你说的致命不过如此!
<el-form class="mail" @submit.native.prevent>
<el-form-item label prop="name">
<el-input
@blur="clickInputDial"
@input="dialNumberInput"
maxlength="127"
v-model="dialNumber"
class="b1 input_call"
placeholder="请输入号码"
ref="dial_input"
></el-input>
</el-form-item>
</el-form>
上一篇: 古代这6人的名字你能念的对吗?
推荐阅读
-
bootstrap表单按回车会自动刷新页面的解决办法
-
解决vue+element 键盘回车事件导致页面刷新的问题
-
避免回车键导致的页面无意义刷新的解决方法_javascript技巧
-
elementUI 输入框回车刷新页面
-
ElementUI在输入框中按回车键会刷新页面报错
-
elementUI el-input 回车页面刷新
-
bootstrap表单按回车会自动刷新页面的解决办法
-
鼠标聚焦到Text输入框时,按回车键刷新页面原因及解决方法_html/css_WEB-ITnose
-
页面自动刷新,不用按回车键来提交数据!_MySQL
-
鼠标聚焦到Text输入框时,按回车键刷新页面原因及解决方法_html/css_WEB-ITnose