vue elementui input输入值点击Enter搜索关闭当前弹窗并刷新页面的问题

木毅01

于 2023-05-25 14:17:21 发布

阅读量487

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_27806371/article/details/130866219

版权

<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="88px" @submit.native.prevent>
  <el-form-item label="" prop="searchInfo">
    <el-input
      v-model="queryParams.searchInfo"
      placeholder="请输入机构编码或名称"
      clearable
      @keyup.enter.native="handleQuery"            
    >
      <el-button slot="append" @click="handleQuery">搜索</el-button>
    </el-input>
  </el-form-item>
</el-form>

关键就在于使用 @submit.native.prevent 阻止冒泡