vue报错Eror in v-on handler: “TypeError: Cannot set property name of #<File> which has only a getter“
这个错误通常出现在使用 Vue 的 v-model 绑定一个文件上传表单元素时,在触发上传事件时尝试修改表单元素的值。文件上传表单元素是只读的,因为浏览器不允许 JavaScript 直接设置它们的值。因此,当你试图修改一个文件上传表单元素的值时,就会出现这个错误。
·
我们在做需求时,有时会看见报错信息为:Eror in v-on handler: "TypeError: Cannot set property name of #<File> which has only a getter"
这个错误通常出现在使用 Vue 的 v-model 绑定一个文件上传表单元素时,在触发上传事件时尝试修改表单元素的值。
文件上传表单元素是只读的,因为浏览器不允许 JavaScript 直接设置它们的值。因此,当你试图修改一个文件上传表单元素的值时,就会出现这个错误。
要解决这个问题,你需要将上传的文件存储到一个变量中,而不是直接修改表单元素的值。如果你在 Vue 中使用了一个对象来存储上传的文件,那么你可以通过给这个对象添加属性来实现这一点。然后,你可以在提交表单时使用这些属性来上传文件。
所以我们不能直接对inpt获取的file对象进行修改,因为那样是浏览器禁止的,浏览器不允许的
因此,我们要修改的话建议用一个变量来进行处理,然后调用接口的时候将这个变量一起传给后端。
更多推荐
已为社区贡献1条内容
所有评论(0)