【开发日记】ElementUI表单使用原生@submit提交表单数据

使用@submit.native.preventel-form设置提交方法。

使用native-typeel-button设置原生按钮类型。

示例如下:

html 复制代码
<el-form class="search" @submit.native.prevent="submitSearch">
    <div class='search-item'>人员ID :
        <el-input size='mini' v-model='search.id' placeholder='请输入人员ID' clearable></el-input>
    </div>
    <div class='search-item'>
        人员账号 :
        <el-input size='mini' v-model='search.loginName' placeholder='请输入人员账号' clearable></el-input>
    </div>
    <div class="search-item">
        <el-button  size="mini" type="primary" @click="submitSearch" native-type="submit">查询</el-button>
    </div>
</el-form>
相关推荐
社恐的下水道蟑螂1 分钟前
LangChain 进阶实战:从玩具 Demo 到生产级 AI 应用(JS/TS 全栈版)
前端·langchain·openai
Fairy要carry4 分钟前
项目01-手搓Agent之loop
前端·javascript·python
亲亲小宝宝鸭9 分钟前
Ctrl ACV工程师的提效之路:删掉项目中的冗余
前端
kyriewen12 分钟前
DOM树与节点操作:用JS给网页“动手术”
前端·javascript·面试
米饭同学i15 分钟前
基于腾讯云COS的小程序素材上传功能实现
前端·javascript·react.js
cxxcode15 分钟前
前端性能指标接入 Prometheus 技术方案
前端
辣椒炒代码16 分钟前
🚀 AI Agent 入门实战:基于 LangChain + MCP 构建智能导游助手
前端
ruanCat20 分钟前
前端工程化工具链从零配置:simple-git-hooks + lint-staged + commitlint
前端·git·代码规范
Jackson__44 分钟前
AI时代,前端开发者到底还剩下什么?又该往哪里走?
前端·ai编程
C澒1 小时前
微前端容器标准化:容器标准化演进
前端·架构