vue.js Nuxt添加动态脚本标记

y1aodyip 于 2022-11-25 发布在 Vue.js

关注(0)|答案(1)|浏览(243)

我使用的是nuxt-js，并具有以下脚本标记

<script type="text/javascript">
        atOptions = {
            'key' : 'id',
            'format' : 'iframe',
            'height' : 60,
            'width' : 468,
            'params' : {}
        };
        document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/id/invoke.js"></scr' + 'ipt>');
    </script>

当我在nuxt.config.js上使用一个类似这样的简单脚本标记时，它是有效的

script:[
  { src:'//data.profitablegatetocontent.com/c6/4b/7a/id.js'
  }]

但是由于我必须使用的脚本标记有点复杂，我感到困惑，任何帮助都将不胜感激。

vue.js

来源：https://stackoverflow.com/questions/73856120/nuxt-add-dynamic-script-tag

1条答案

按热度按时间

qacovj5a1#

快来救我！
添加动态脚本标记的另一种方法是head()。
例如，在默认布局中：

<script>
  export default {
    data() {
      return {
        title: 'Hello World!'
      }
    },
    head() {
      return {
        title: this.title,
        script: [
            {
              hid: '',
              src: '',
              defer: true,
              type: '',
              innerHTML: ,
              callback: () => { } 
            }
        ],
        meta: [
          {
            hid: 'description',
            name: 'description',
            content: 'My custom description'
          }
        ]
      }
    }
  }
</script>

赞(0）回复(0）举报 2022-11-25

我来回答

vue.js Nuxt添加动态脚本标记

1条答案

相关问题

热门标签

最新问答