在Nuxt JS应用程序中使用来自API响应的数据在标签中注入动态内容我目前正在NUXT应用程序上工作，需要在选定页面的<head>部分内添加一些动态内容。需要插入页面<head>的内容来自应用程序最初启动时的一次API响应（nuxtServerInit）。依次将其存储在VUEX中。对象结构看起来像 [{ pages:['index','home','..',....], script:'<script>....</script><script>...</script>,<link href="someCss.css</link>"' }, { pages:['about','..',...], script:'<script>....</script><script>...</script>,<link href="someOtherCss.css</link>"' }] 因此，应该根据配置将脚本注入/删除到页面的<head>部分中（即，键script 的内容应置于<head>内部）。我对此进行了研究，发现NUXT提供了一个head函数，可以在component / layout内部使用，该函数返回的对象可以基于页面路由名称动态构建。 //dynamically generate head scripts based on page route head () { return getScriptsForThisPage() } 但是问题是键脚本包含脚本，外部链接，元信息，应直接在<head>标签内使用。因此，这些解析逻辑需要在函数getScriptsForThisPage（）中编写才能使用NUXT head（）函数。如果我们可以将script键中的任何内容直接添加到<head>标签之后，那将很方便。是否有比这更好/更智能的方法更新-<head>应该在装入页面之前填充（出于SEO目的），因此我们不应该使用客户端DOM操作方法我目前正在NUXT应用程序上工作，需要在选定页面的部分中添加一些动态内容。需要插入页面的内容... 您是否曾经尝试过基本的DOM技术，例如:: document.head.appendChild 和或:: document.head.removeChild 从现有节点或根元素添加和删除节点的内置函数方法？那是在您预处理JSON响应并创建\将html标签解析为html元素之后。

Question

我目前正在NUXT应用程序上工作，需要在选定页面的<head>部分内添加一些动态内容。需要插入页面<head>的内容来自应用程序最初启动时的一次API响应（nuxtServerInit）。依次将其存储在VUEX中。对象结构看起来像

Answer 1

0
投票

您是否曾经尝试过基本的DOM技术，例如::