element-ui表单重置

1.el-from里面ref绑定组件

  <el-form
        ref="LoginFormRef"
        :rules="LoginFormRules"
        :model="LoginForm"
        label-width="0px"
        class="login_from"
      >

2.给btn按钮注册事件

  <!-- 按钮 -->
        <el-form-item class="btns">
          <el-button type="primary" @click="login">登陆</el-button>
          <el-button type="info" @click="reactLoginForm">重置</el-button>
        </el-form-item>

3.添加btn按钮事件

  // 表单重置 通过ref调用resetFields函数
    reactLoginForm() {
      console.log(this);
      this.$refs.LoginFormRef.resetFields();
    },