【开发日记】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>
相关推荐
兔子零10247 小时前
Star-Office-UI-Node 实战:从 0 到 1 接入 OpenClaw 的多 Agent 看板
前端·ai编程
helloweilei7 小时前
一文搞懂Nextjs中的Proxy
前端·next.js
wuhen_n7 小时前
Pinia状态管理原理:从响应式核心到源码实现
前端·javascript·vue.js
陆枫Larry7 小时前
小程序 scroll-view 设置 padding 右侧不生效?用一层包裹解决
前端
晴殇i8 小时前
CommonJS 与 ES6 模块引入的区别详解
前端·javascript·面试
Selicens8 小时前
git批量删除本地多余分支
前端·git·后端
wuhen_n8 小时前
KeepAlive:组件缓存实现深度解析
前端·javascript·vue.js
前端付豪8 小时前
Nest 项目小实践之图书展示和搜索
前端·node.js·nestjs
wuhen_n8 小时前
Vue Router与响应式系统的集成
前端·javascript·vue.js
Ruihong8 小时前
《VuReact:下一代 Vue 3 -> React 智能编译工具,支持 SFC 与增量迁移》
vue.js