重置按钮的for写法

点击事件里面写

for(const key in this.form){
    this.form[key] = ''
}

vue element-ui form表单重置 快捷方法

在每个el-form-item  标签上加上prop="xxx"  这个xxx对应的el-input 标签上的  比如prop="userName"  

<el-form ref=ruleForm>
    <el-row>    
        <el-col :span="8">      
            <el-form-item label="人员姓名:" prop="userName" >                                      
                <el-input type="text" v-model="ruleForm.userName" auto-complete="off"></el-input>                            
            </el-form-item>                       
        </el-col>                        
        <el-col :span="8">                            
            <el-form-item label="身份证号:" prop="idNo">                                
                <el-input type="text" v-model="ruleForm.idNo" auto-complete="off"></el-input>
            </el-form-item>                        
        </el-col>                                  
    </el-row>
</el-form>

接着点击重置按钮重置执行这个重置的方法 ruleForm对应上你表单的 

//重置
rest() {
    this.$refs.ruleForm.resetFields()
    //或者
    this.$refs['ruleForm'].resetFields()
},