Vue JS在脚本标记中添加自定义HTML属性

Question

我使用的是可信的分析，而不是，需要将它们的脚本添加到文档的头上。我使用Nuxt构建了我的站点，并创建了一个自定义插件来添加脚本，但是Vue Meta似乎只接受脚本标记的预定义属性。我需要在脚本中添加一个自定义属性“数据域”，但是我想不出怎么做。

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

​

​

对我来说很好

Answer 2

有一个名为vue-head的库，它允许您在Vue JS中操作head标记。