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

Question

我正在使用合理的分析而非Google Analytics（分析），并且需要将其脚本添加到文档的开头。我使用Nuxt JS构建了我的网站，并创建了一个自定义插件来添加脚本，但是Vue Meta api似乎只接受脚本标签的预定义属性。我需要在脚本中添加一个自定义属性“数据域”，无法解决该问题。

这是我的〜/ 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'
    }],

谢谢！

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',
        },
      ],
    }
  },
}

对我来说很好