16.记录Vue项目iview resetFields(）遇到的问题

iview 中 form中有个清空表单的方法，即假如给表单一个ref='form', 则清空表单的方法为this.$refs['form'].resetFields()

如下图 添加和新增共用一个form组件，通过点击table的操作编辑按钮带出数据后，会导致resetFields(）清除出现无效

// data 定义的属性
form: {
 user: ""
}
，
methods:{
 // 但在通过编辑按钮赋值后，这个时候form表单会默认这个新赋的值为初始值
  edit(val) {
    this.form.user = val.user
  }
}

解决办法

// data 定义的属性
form: {
 user: ""
}
，
methods:{
 // 但在通过编辑按钮赋值后，这个时候form表单会默认这个新赋的值为初始值
  edit(val) {
    this.$nextTick(() => { 
       this.form.user = val.user; // 这里开始赋值 
    })
  }
}