【开发日记】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 小时前
Flutter组件————FloatingActionButton
前端·flutter·dart
向前看-1 小时前
验证码机制
前端·后端
燃先生._.2 小时前
Day-03 Vue(生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤)
前端·javascript·vue.js
高山我梦口香糖3 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
m0_748235243 小时前
前端实现获取后端返回的文件流并下载
前端·状态模式
m0_748240254 小时前
前端如何检测用户登录状态是否过期
前端
black^sugar4 小时前
纯前端实现更新检测
开发语言·前端·javascript
寻找沙漠的人5 小时前
前端知识补充—CSS
前端·css
GISer_Jing5 小时前
2025前端面试热门题目——计算机网络篇
前端·计算机网络·面试