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

Question

我正在使用似是而非的分析而不是谷歌分析，并且需要将他们的脚本添加到文档的头部。我已经使用 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'
    }],

提前致谢！

标签： javascriptvue.jsnuxt.js

Answer 1

并且 vue meta 不起作用？

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

适合我