Vue.Chrome扩展中的js

你好我正在try 使用Vue制作一个Chrome扩展.但是当我写作的时候

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

Chrome删除了代码中的v型部分,并使其

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

有没有办法防止这种情况发生?

推荐答案

你有csp版本(Vue.js v1)吗

符合CSP的构建

Some environments, such as Google Chrome Apps, enforces Content Security Policy (CSP) and does not allow the use of new Function() for evaluating expressions. In these cases you can use the 符合CSP的构建 instead.

(Vue.js v1)http://v1.vuejs.org/guide/installation.html#CSP-compliant-build

npm install vue@csp --save

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

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

一些环境,如谷歌Chrome应用程序,强制执行内容安全策略(CSP),该策略禁止使用new Function()计算表达式.独立构建依赖于此功能来编译模板,因此在这些环境中无法使用.

然而,有一个解决办法.当在带有Webpack+Vue loader或Browserify+vueify的构建系统中使用Vue时,您的模板将预编译为在CSP环境中完美工作的渲染函数.

Vue.js相关问答推荐

Vue3:如何在功能组件中重用插槽vnode

如何在AXIOS调用响应中动态导入视频并创建它的绝对路径?

在 Vuejs 中更新 Chartjs 图表数据集

vue3 输入标签给出错误 Vue.use 不是函数

Vue 脚本标签中更漂亮的 destruct 功能

JSDoc 单文件 Vue 组件

如何使用 vue.js 和 vue 路由实现当前路由的子菜单的子菜单

vue 模板中无法识别 pug 语言

如何 for each 用户分组聊天消息?

VuetifyJS,outer-link 未显示为光标

在 Vue.js 中动态挂载单个文件组件

Vue cli 3项目,图像路径中的动态src不起作用

加载和渲染时对象值上的 Vue.js 未定义错误

如何从 bootstrap-vue 模态监听事件?

在 vue/vuex(/flux?) 中使用 ES6 类是一种反模式吗?

如何克隆props对象并使其无react

Vue 动态组件事件绑定

Vue-i18n '无法读取 Proxy.Vue.$t 处未定义的属性 '_t'

Vue.js 的 $emit 和 $dispatch 有什么区别?

使用 vuejs 动态设置 id 标签