el-form表单单输入框情况下回车键后页面整体刷新

表单中只有一个输入框的时回车会页面整体刷新,并在url上面多出一个问号;

在el-form上面加上@submit.native.prevent;

原因分析: form 元素中只有一个输入框时,在该输入框中按下回车默认是提交该表单。我们需要阻止这一默认行为。

<el-form ref="DepartmentForm" :model="DepartmentForm" :rules="DepartmentFormRules" label-width="80px" @submit.native.prevent>

          <el-form-item class="block-item" label="名称" prop="name">

              <el-input v-model="DepartmentForm.name" size="small"></el-input>

          </el-form-item>

      </el-form>

https://blog.csdn.net/m0_46938695/article/details/105559919

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容