欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementUI el-input 回车页面刷新

程序员文章站 2022-06-07 15:33:23
...

有一种bug,可遇不可求。看似不起眼,可能是压死骆驼的最后一根稻草

  1. 问题描述:在使用 el-input 的时候一定看一看你的 el-input 是否在 el-form 中,如果在请你先 enter 一下,看看页面有没有变化;毫无疑问你的页面 刷新了;
  2. 分析 ----> bug fixed: 起初还在看日志的你,结果换然大悟,这一回车竟然出发了form表单的默认提交行为,导致页面refresh,so 上代码 @submit.native.prevent:
  3. 微笑刺客:你说的致命不过如此!
	<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>
相关标签: element U I Vue