iview 在表单中的输入框输入内容后,按下 enter 键,预期结果是触发搜索功能,但是实际上按 enter 键后,整个页面都会刷新。
iview 在表单中的input框获取焦点,按下 enter 键,整个页面都会刷新。
在 form 标签中添加 @submit.native.prevent 表示阻止表单默认提交
.native 表示对一个组件绑定系统原生事件
.prevent 表示提交以后不刷新页面
@keyup.native.enter 回车操作,添加在input标签上
<Form :model="newForm" inline :label-width="80" @submit.native.prevent> <FormItem label="名称" :label-width="120"> <Input v-model="newForm.name" @keyup.enter.native="search"></Input> </FormItem> </Form>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)