表单验证的重置

爱丸子头的龟龟

于 2021-05-22 22:42:59 发布

阅读量350

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_58431570/article/details/117172912

这篇博客介绍了如何在Vue.js应用中通过`$refs`和`resetFields()`方法实现登录表单的重置功能。点击重置按钮时，调用`resetLoginForm`方法，清空登录表单的所有字段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 ref="loginFormRef"

<!-- 登录表单区 -->
 <el-form  ref="loginFormRef" :model="loginForm"  :rules="loginFormRules" label-width="0px" class="login_form">

@click="resetLoginForm"
 <el-button type="info" @click="resetLoginForm">重置</el-button>


 methods:{
    //点击重置按钮，重置登录表单
    resetLoginForm(){
       // console.log(this)
       this.$refs.loginFormRef.resetFields();
    }
  }