form内只有一个输入框时,按回车会刷新页面 && 如果input有回车事件回车也会刷新页面

 <el-form ref="form" :inline="true" :model="form" label-width="100px">
   <el-input v-model="form.keyword" placeholder="筛选关键词"  class="handle-input mr10" @keyup.enter.native="search"></el-input>
 </el-form>

阻止form的默认事件,即在form上加上这句话:@submit.native.prevent

 <el-form ref="form" :inline="true" :model="form" label-width="100px" @submit.native.prevent>
    <el-input v-model="form.keyword"  placeholder="筛选关键词" class="handle-input mr10" @keyup.enter.native="search"></el-input>
 </el-form>

Vue -- element-ui el-input组件 回车刷新页面问题

Element UI

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-23
  • 2022-12-23
  • 2021-07-21
  • 2021-12-19
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-31
  • 2022-12-23
  • 2021-08-16
相关资源
相似解决方案