Javascript 无法更改@change vuejs处理程序中的数据

有一个组件包含输入[type=file]。 此外，此字段还有一个uploadFile处理程序，该处理程序调用validateMessage方法，该方法尝试更改错误。如您所见，在更改此错误后，它显示一切都是正确的。但是在div.error中它不会显示，如果您在vueDevtool中查看，则也会显示为空。

data（）{
返回{
错误：“”
}
},
方法：{
验证文件（文件）{
如果（！file.type.includes（'video/'））{
this.error='格式错误'；
console.log（this.error）；//格式错误
}
},
上传文件（e）{
const file=e.target.files[0]；
此.validateFile（文件）；
},
}

{{error}}

下面是一个工作示例

newvue({
el:“#应用程序”，
数据（）{
返回{
错误：“”
}
},
方法：{
验证文件（文件）{
console.log（file.type）；
如果（！file.type.includes（'video/'））{
this.error='格式错误'；
//console.log（this.error）；//格式错误
}
},
上传文件（e）{
this.error=''；
const file=e.target.files[0]；
此.validateFile（文件）；
},
}
});

{{error}}
我不能100%确定问题出在哪里。是否调用了
控制台.log
行？问题出在疏忽中。。我忘了其中有几个组件，在像DOM一样的vueDevtools中，我查看了另一个组件。谢谢你的时间，很抱歉我浪费了你的时间。