vue上传文件与重置input框

要用的时候容易想不起来, 记录一下

html中写一个type为file的input框

    //html
    <input type="file" name="file" ref="clearFile" 
    class="enter-addFile materialUpload" @change="uploadMaterial($event)">

提交文件, 重置input框

//上传材料
uploadMaterial:  function (event) {
	var that = this;
	var formData = new FormData();
	formData.append('file', event.target.files[0]);
	var name = event.target.files[0].name;
	var config = {
	headers: {
		'Content-Type': 'multipart/form-data',
	}
	};
	that.$http.post("attachmentUpload", formData, config).then(function (resp) {
		//成功回调
		
		// 重置input框
		//直接把type改了就可以赋值了..
		event.target.type = 'text';
		event.target.value = '';
		event.target.type = 'file';
		event.target.name = 'file';
		that.$forceUpdate();
	}, function () {
		that.$message("上传材料异常");
	})
},

这个重置input框的方法十分鬼才, 是我见过最牛逼的…