【开发日记】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>
相关推荐
看到我请叫我铁锤8 小时前
vue3中THINGJS初始化步骤
前端·javascript·vue.js·3d
q***25218 小时前
SpringMVC 请求参数接收
前端·javascript·算法
q***33378 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
烛阴8 小时前
从`new()`到`.DoSomething()`:一篇讲透C#方法与构造函数的终极指南
前端·c#
还债大湿兄9 小时前
阿里通义千问调用图像大模型生成轮动漫风格 python调用
开发语言·前端·python
谢尔登9 小时前
defineProperty如何弥补数组响应式不足的缺陷
前端·javascript·vue.js
蓝瑟忧伤9 小时前
前端技术新十年:从工程体系到智能化开发的全景演进
前端
Baklib梅梅10 小时前
员工手册:保障运营一致性与提升组织效率的核心载体
前端·ruby on rails·前端框架·ruby
涔溪10 小时前
实现将 Vue2 子应用通过无界(Wujie)微前端框架接入到 Vue3 主应用中(即 Vue3 主应用集成 Vue2 子应用)
vue.js·微前端·wujie
IT_陈寒10 小时前
Redis性能翻倍的5个冷门技巧,90%开发者都不知道第3个!
前端·人工智能·后端