接口调用成功后清空表单内容有时候会清不掉
比如清空materialForm
解决方案1
使用$set进行赋值,
this.$set(this, 'materialForm', {})
或者
this.$set(this.materialForm, 'code', '')
this.$set(this.materialForm, 'name', '')
this.$set(this.materialForm, 'url', '')
解决方法2:
有可能是因为data中没有对变量进行双向绑定
data() {
return {
materialForm:{
code: '',
name: '',
url: ''
}
}
}
还有可能需要清空的有图片或者表单校验,需要重新绘制一下
<template>
<img :src="materialForm.url"/>
</template>
methods: {
// 提交
submit() {
submitApi().then(res => {
this.$nextTick(() => {
this.materialForm.url = '';
// 或者
this.$set(this.materialForm, 'url', '');
})
})
}
}