总结VUE初级出现的种种问题（错误笔记）

总结VUE初级出现的种种问题

1.如何重置按钮
（1）首先看一下elementUI自带的重置方法

//formName传入的是在el-form标签内绑定的
//<el-form :model="ruleForm"></el-form>
//<el-button @click="resetForm('ruleForm')">重置</el-button>
 resetForm (formName) {
    
    
      this.$refs[formName].resetFields()
    }

（2）一般我使用的是下面这种循环表单绑定值的方式

//form传入的是在el-form标签内绑定的
//<el-form :model="form"></el-form>
 resetForm () {
    
    
     for (const key in this.form){
    
    
     this.form[key] = ''
    }
 //这种方式相当于this.form.a ='',this.form.b = ''
 //这种方式不会改变表单属性值的类型

!!!错误示范：this.form = {}

2.如何正确给编辑（详情）赋值后编辑
如果无法编辑：

1. 首先，看一下你重置之后有没有改变表单的属性值类型。
2. 如果没有，看一下选择框赋值，是赋值name还是value