Chrome扩展程序中的Vue.js

小胖Gil2020-03-12

嗨！我正在尝试使用Vue.js制作Chrome扩展程序，但是当我写

<input v-model="email" type="email" class="form-control" placeholder="Email">

Chrome删除了代码的v-model-part并使其

<input type="email" class="form-control" placeholder="Email">

有办法防止这种情况吗？

乐LEY2020/03/12 10:29:53

您有csp版本（Vue.js v1）

符合CSP的版本

某些环境（例如Google Chrome Apps）强制执行内容安全策略（CSP），并且不允许使用新的Function（）来评估表达式。在这些情况下，您可以改用符合CSP的版本。

npm install vue@csp --save

"dependencies": {
  "vue": "1.0.26-csp"
}

某些环境（例如Google Chrome Apps）强制执行内容安全政策（CSP），该政策禁止使用新的Function（）来评估表达式。独立构建依赖于此功能来编译模板，因此在这些环境中不可用。

但是有一个解决方案。在具有Webpack + vue-loader或Browserify + vueify的构建系统中使用Vue时，您的模板将被预编译为渲染功能，这些功能可以在CSP环境中完美运行。

Newest Answer