el-form中只有一个input,按enter时刷新页面的问题

Lirioing2025/05/10常见问题FEVUEElement-UI

el-form 中,如果只有一个 input ,按 enter 键会自动提交,刷新页面

解决方案:

  1. 只有一个 input,可以选择不使用 el-form 表单

  2. input 加上一个停止回车的事件

    <el-input .... @keydown.enter.prevent></el-input>
    
  3. el-form 上添加 @submit.native.prevent 来阻止表单的默认提交行为

    <el-form .... @submit.native.prevent ></el-form>
    
  4. el-form 加上一个停止回车的事件

    <el-form ... @keydown.enter.prevent> </el-form>
    
上次更新 2025/5/12 14:01:52