VueJS - DOMException：“操作不安全。”

Question

我在我的网站（使用 Vue）的控制台中收到 DOMException: "The operation is insecure." 错误。它仅在托管在 github 页面上时发生，但在本地运行时不会出错。

Github 页面地址：https://cubxity.github.io/ks/#/display/2227?scopes=&displayTime=true

我的浏览器是火狐，版本号：20181206201918

Answer 1

TL;DR：这不是 Vue 问题：您无法通过 DOM 以编程方式更改表单输入的内容。

由于数十年的利用，输入文件字段由浏览器 DOM 代码更严格地控​​制。在这种情况下，不允许您自动（以编程方式）填写文件表单的内容，用户必须通过选择触发器手动完成。

这不是 Vue 的东西，它是一个 HTML/DOM 安全的东西，可以防止脚本触发上传。有更多知识的人可以给出更好的答案，但我认为这是基本问题。

我没有尝试预先填充表单输入，而是始终在输入表单下方提供指向文件的简单超链接，以允许对现有文件进行任何访问。