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; // 这里开始赋值
})
}
}