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

二饭

已于 2024-05-27 23:36:44 修改

阅读量563

点赞数 2

文章标签： vue.js elementui 前端

于 2024-05-27 23:36:03 首次发布

本文链接：https://blog.csdn.net/stand_fast/article/details/139250595

版权

使用@submit.native.prevent为el-form设置提交方法。
使用native-type为el-button设置原生按钮类型。
示例如下：

<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>