vue+element ui el-form 阻止表单输入框按回车刷新页面

陪你去流浪_

已于 2023-10-13 17:29:37 修改

阅读量1.1k

点赞数

分类专栏：我的前端生涯文章标签： vue.js ui javascript

于 2023-10-13 17:28:33 首次发布

本文链接：https://blog.csdn.net/jokerxiuka/article/details/133815284

版权

我的前端生涯专栏收录该内容

17 篇文章 1 订阅

订阅专栏

表单只有一个元素的时候，回车会触发页面刷新，加上下面这个属性可以解决这个问题

@submit.native.prevent

给某个el-input添加回车键监听

@keyup.enter.native="onSearch"

举个栗子

<el-form
      :model="filters"
      @submit.native.prevent
    >
      <el-form-item>
        <el-input
          v-model="filters.wallName"
          style="width: 180px"
          placeholder="请输入关键字"
          clearable
          @keyup.enter.native="onSearch"
        ></el-input>
      </el-form-item>
      <el-button
        type="primary"
        @click="onSearch"
        >查询</el-button
      >
    </el-form>