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

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

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

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

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

 

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

Logo

前往低代码交流专区

更多推荐