【开发日记】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>
相关推荐
YBN娜几秒前
Vue实现登录功能
前端·javascript·vue.js
阳光开朗大男孩 = ̄ω ̄=几秒前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
杨荧3 分钟前
【JAVA毕业设计】基于Vue和SpringBoot的服装商城系统学科竞赛管理系统
java·开发语言·vue.js·spring boot·spring cloud·java-ee·kafka
minDuck5 分钟前
ruoyi-vue集成tianai-captcha验证码
java·前端·vue.js
小政爱学习!25 分钟前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
魏大帅。31 分钟前
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
前端·javascript·ajax
花花鱼37 分钟前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui
k093341 分钟前
sourceTree回滚版本到某次提交
开发语言·前端·javascript
EricWang13581 小时前
[OS] 项目三-2-proc.c: exit(int status)
服务器·c语言·前端
September_ning1 小时前
React.lazy() 懒加载
前端·react.js·前端框架