zoukankan      html  css  js  c++  java
  • elementUi 键盘回车事件导致页面刷新的问题

    在 input中加上@keyup.enter.native 就可以使用回车事件
    但是会发现有时候,第一次回车就会刷新页面,再次回车,才出发回车事件。
    当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加 @submit.native.prevent。

     <el-form :inline="true" class="demo-form-inline" @submit.native.prevent>
          <el-form-item label="">
            <el-input
              v-model="codeOrPhoneNumber"
              placeholder=""
              @keyup.enter.native="searchNumber"
              style="200px"
            ></el-input>
          </el-form-item>

          <el-form-item>
            <el-button type="primary" @click="search()">查询</el-button>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="clear()">清空</el-button>
          </el-form-item>
        </el-form>
  • 相关阅读:
    Python基础-画菱形
    Python基础-List找重复数
    celery的使用
    linux上安装git以及使用
    python解压压缩包的几种方式
    os 和shutil模块的使用方法
    C++学习网站总结
    道德经
    使用BeautifulSoup爬取汽车之家新闻
    RPA项目所遇知识点
  • 原文地址:https://www.cnblogs.com/jingmo0319/p/13685532.html
Copyright © 2011-2022 走看看