提交按钮的方法

来源:7-5 用户新增实现

大师song

2022-10-27

    
<el-form ref="userFormRef" :model="user" status-icon :rules="rules">
...
    <el-button type="primary" class="btn-login" @click="login(userFormRef)"
            >登录</el-button>

Login.vue页面的登录

       <el-button type="primary" @click="handleSubmit">确 定</el-button>

User.vue用户管理页面的弹框提交按钮

为什么登录页面的提交需要传参,用户管理的新增用户的提交就不需要传参呢?
Form表单的这两个提交方法有区别吗

写回答

1回答

河畔一角

2022-10-27

这是两种写法,推荐用第一种。

以前我们在Vue2的时候,检验表单是通过this.$refs.userForm.validate()的方式来检验表单的,但是在Vue3框架里面,没有this对象了,所以写法上面有一些变化,官方推荐用你截图里面的第一种方式来验证表单。但是还是有人希望用this的方式,所以就演变成了你的截图第二种方式,通过proxy的方式来调用,就不需要传参了。

0
0

Vue3+ElementPlus+Koa2 全栈开发后台系统

从前端晋级到全栈,让你的未来发展有更多可能

1069 学习 · 580 问题

查看课程