Vue JS 将自定义 HTML 属性添加到脚本标签答案

【问题标题】：Vue JS Add Custom HTML attribute to script tagVue JS 将自定义 HTML 属性添加到脚本标签
【发布时间】：2021-02-03 22:05:52
【问题描述】：

我正在使用似是而非的分析而不是 Google Analytics，并且需要将他们的脚本添加到文档的头部。我已经使用 Nuxt JS 构建了我的网站，并创建了一个自定义插件来添加脚本，但 Vue Meta api 似乎只接受脚本标签的预定义属性。我需要在脚本中添加一个自定义属性“data-domain”，但不知道怎么做。

这是我的 ~/plugins/plausible.js 文件：

export default ({ app: { head, router, context } }, inject) => {


 head.scripts.push({
    src: "https://plausible.io/js/plausible.js",
    async: true,
    defer: true,
    "data-domain": "jmcardle.co"
  });
};

nuxt.config.js

plugins: [{
        src: '~plugins/plausible.js',
        mode: 'client'
    }],

提前致谢！

【问题讨论】：

要使用data-domain的对象键，你需要正确引用它，即"data-domain": "example.com"
添加，现在得到：无法读取未定义的属性'push'
请更新您问题中的代码以匹配您当前拥有的代码
@Phil 已更新 :)
如果您的 head.scripts 未定义 - 那么您应该在调用 head.scripts.push() 之前先执行 head.scripts = [];

标签： javascript vue.js nuxt.js

【解决方案1】：

而 vue meta 不工作？

export default {
  head() {
    return {
      script: [
        {
          src:
            'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js',
          supercoolattribute: 'supercool',
        },
      ],
    }
  },
}

很适合我

【讨论】：