vue.js 如何在Nuxt 3中添加脚本块?

vwoqyblh  于 2023-08-07  发布在  Vue.js
关注(0)|答案(1)|浏览(190)

我只想在head标记中添加一个script块。

示例

<script>
    alert('hello, world!');
</script>

字符串
我花了好几个小时才想出这么简单的办法。关于添加inline脚本有很多答案,但对于Nuxt 3block脚本却没有答案
我们如何在Nuxt 3中做到这一点呢?

8cdiaqws

8cdiaqws1#

好吧我找到答案了有三种可能的解决方案。

方案一

<template>
  <Script children="console.log('Hello, world!');" />
</template>

字符串

方案二

<script setup>
useHead({
  script: [{ children: "console.log('Hello, world!');" }],
});
</script>

方案三

import { defineNuxtConfig } from 'nuxt';

export default defineNuxtConfig({
  app: {
    head: {
      script: [{ children: "console.log('Hello, world!');" }],
    },
  },
});

相关问题