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

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

1
@submit.native.prevent
给某个el-input添加回车键监听
1
@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>
复制代码

 

posted @   蓝色精灵jah  阅读(547)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示