表单验证的重置

最新推荐文章于 2024-03-26 13:17:39 发布

原创最新推荐文章于 2024-03-26 13:17:39 发布 · 361 阅读

0 ·

CC 4.0 BY-SA版权

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

 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();
    }
  }