uniapp app打包 提交清空数据清空不掉的

接口调用成功后清空表单内容有时候会清不掉
比如清空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', '');
			})
		})
	}
}

你可能感兴趣的:(vue,uniapp,打包,javascript,前端,开发语言)