Chrome扩展程序中的Vue.js

JavaScript

小胖Gil

2020-03-12

Chrome扩展程序中的Vue.js

嗨！我正在尝试使用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">

有办法防止这种情况吗？

第892篇《Chrome扩展程序中的Vue.js》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
乐LEY 2020.03.12

您有csp版本（Vue.js v1）

符合CSP的版本

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

（Vue.js v1）http://v1.vuejs.org/guide/installation.html#CSP-compatible-build

npm install vue@csp --save

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

新版本（Vue.js v2）https://vuejs.org/v2/guide/installation.html#CSP-environments

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android