vue报错Eror in v-on handler: “TypeError: Cannot set property name of #＜File＞ which has only a getter“

我们在做需求时，有时会看见报错信息为：Eror in v-on handler: "TypeError: Cannot set property name of #<File> which has only a getter"

这个错误通常出现在使用 Vue 的 v-model 绑定一个文件上传表单元素时，在触发上传事件时尝试修改表单元素的值。

文件上传表单元素是只读的，因为浏览器不允许 JavaScript 直接设置它们的值。因此，当你试图修改一个文件上传表单元素的值时，就会出现这个错误。

要解决这个问题，你需要将上传的文件存储到一个变量中，而不是直接修改表单元素的值。如果你在 Vue 中使用了一个对象来存储上传的文件，那么你可以通过给这个对象添加属性来实现这一点。然后，你可以在提交表单时使用这些属性来上传文件。

所以我们不能直接对inpt获取的file对象进行修改，因为那样是浏览器禁止的，浏览器不允许的

 

因此，我们要修改的话建议用一个变量来进行处理，然后调用接口的时候将这个变量一起传给后端。