el-form的el-input 输入框按回车页面革新标题

开发者 2024-9-5 21:59:04 33 0 来自 中国
1、标题:当页面只有一个输入框时,获取核心时,点击回车整个页面被革新了

<el-form :model="Form" label-width="100px">    <el-form-item label="名称">        <el-input v-model="Form.name"></el-input>    </el-form-item></el-form>上面的布局是正常的,但是当输入框获取核心,并回车后。整个页面都被革新了,这并不是我们渴望的。
2、标题根源

Element-ui->>检察element-ui官网我可以发现以下这段话,
W3C 尺度中有如下规定:
When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果渴望克制这一默认举动,可以在 <el-form> 标签上添加 @submit.native.prevent。
<el-form :model="Form" label-width="100px" @submit.native.prevent>    <el-form-item label="名称">        <el-input v-model="Form.name"></el-input>    </el-form-item></el-form>这是尺度所规定的,我们添加后就可以制止革新了。平时看form组件时也没留意到这个内容,以后留意就好了。
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-22 07:01, Processed in 0.164089 second(s), 32 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表