Nuxt:在插件中，如何在头部添加动态脚本标签？

文章/答案/技术大牛

发布

1回答

vue.js、nuxt.js、head、gtag.js

我正在尝试建立一个谷歌分析插件到Nuxt，将从CMS获取跟踪ID。我想我真的很接近了。我有一个插件文件加载在客户端只。该插件是通过plugins:[{ src: '~/plugins/google-gtag.js', mode: 'client' }]数组从nuxt.config.js加载的。从那时起，主要问题是gtag脚本需要在其URL中包含UA代码，所以我不能简单地将其添加</e

浏览 76提问于2019-06-08得票数 3

回答已采纳

1回答

如何从中间件或插件设置nuxtjs标题和meta？

vue.js、nuxt.js、vue-router、nuxtjs

如何从nuxt-middleware/nuxt- NuxtJS设置插件标题% meta标签？目前我正在从nuxt.config.js中设置它，如下所示。name: 'description', } } }, 请注意，我知道我可以在页面组件中进行类似的设置我不想在每个页面中都设置头部<

浏览 44提问于2020-06-18得票数 2

1回答

如何动态地在Nuxt头部和身体中添加自定义脚本代码？

google-analytics、nuxt.js、google-tag-manager、facebook-pixel

我需要在我的应用程序中添加跟踪代码，比如我看到他们三个人都有包裹。但是这些包需要在配置部分传递ID。在我的用例中，我必须发出一个API请求，然后决定添加哪些标记，还可能动态地添加许多其他脚本。在头部或身体标签中添加这样的客户脚本代码的正确方法是什么？ &

浏览 5提问于2021-04-08得票数 0

1回答

Vue.js和Nuxt.js

javascript、vue.js、vuejs2、vue-component、nuxt.js

我将我的水疗中心从vue.js切换到由vue.js提供的nuxt，但现在写在trobule，因为在整个nuxt的工作方式之间有0%的可见性。是否有

浏览 3提问于2017-12-30得票数 1

2回答

用API响应数据在Nuxt应用程序中注入<head>标签中的动态内容

javascript、vue.js、nuxt.js

我目前正在开发一个NUXT应用程序，其中需要在所选页面的<head>部分中添加一些动态内容。需要插入到页面<head>中的内容来自应用程序最初启动时的一次性API响应(nuxtServerInit)。这将反过来存储在VUEX.The对象结构中，如下所示 pages:['index','home','..',....], script:'<script&g

浏览 7提问于2020-05-13得票数 4

2回答

如何在使用@nuxtjs/auth-next时自定义axios

django、vue.js、django-rest-framework、jwt、nuxt.js

我有一个使用从Nuxt.js后端获取JWT令牌的JWT前端。.): /api/accounts/login/在网络选项卡中，在我的nuxt.config.js文件中，我有以下设置： baseURL: 'h

浏览 22提问于2021-06-04得票数 1

1回答

Nuxt.js中的jQuery或为锚定标记设置onClick事件侦听器

jquery、vue.js、nuxt.js

我正在做一个Nuxt.js项目。在这个项目中，我想为正文中的任何锚标签设置一个事件侦听器，然后在之后做一些事情。问题是我想要监听的锚标签是在内容管理系统中设置的，所以我不能像你通常那样在Vue.js中绑定onClick事件。我想操纵DOM将onClick事件绑定到主体中的锚定标记。在jQuery术语中： if (typeof jQuery !

浏览 1提问于2021-08-04得票数 1

2回答

如何将TinyMCE与NuxtJS结合使用

vue.js、nuxt.js

我正在尝试构建一个博客平台，我需要使用文本编辑器，我已经考虑过CKeditor和TinyMCE，但是没有关于如何与NuxtJS一起使用它的视频或良好的指导。

浏览 10提问于2022-03-21得票数 1

回答已采纳

4回答

检查是否存在jquery库

jquery

如何检查头部标签中是否存在jQuery库？script type="javascript/text" src="http://code.jquery.com/jquery-1.6.2.js"></script>如果不存在，如何在头标记中加载jquery库，我将执行一个插件，并希望在jQuery中加载插件脚本

浏览 0提问于2011-08-08得票数 4

回答已采纳

1回答

Nuxtjs插件注册

javascript、nuxt.js

我对Nuxt.js注册插件所用的方法很好奇。我一直在阅读Nuxt.js的文档，我对注册方法有点困惑。我现在可以在我的应用程序中的任何地方使用标志组件-我不想这个！(FlagIcon)然后尝试在组件中注册插件，如： import flag from '@/plugins/vue-flag-ico

浏览 0提问于2019-06-11得票数 3

回答已采纳

2回答

gatsby ssr -将脚本添加到标题中其他插件之前

reactjs、gatsby

我正在使用Gatsby，需要在其他插件之前在头部脚本。如果我通过gatsby-ssr.js添加它它是最后添加的。我如何在其他插件之前添加它？

浏览 13提问于2020-06-03得票数 2

回答已采纳

1回答

Wordpress - wp_enqueue_style将样式添加到页脚，而不是页眉

wordpress、wordpress-theming

我正在尝试将样式和脚本添加到我的插件中，所以我使用： wp_register_script( 'test_scripts', plugins_url('test_scripts.js', __FILE__) );} 在我的插件页面中</e

浏览 2提问于2012-12-26得票数 1

9回答

Nuxt.js中的“窗口未定义”

vue.js、nuxt.js

从Vue.js到Nuxt.js移植时出错。 require('vue-session'

浏览 2提问于2019-03-04得票数 56

回答已采纳

1回答

我是通过命令npx create-nuxt-app和插件来安装的。然后我通过npm run dev或npm run build && npm start运行服务器，在页面源代码中，我在<head>标签中看到了CSS样式的Vuetify。通过谷歌搜索，我在nuxt.config.js的build部分找到了添加extractCSS: true,的建议。在那之后，当我运行npm run build &&a

浏览 1提问于2018-12-18得票数 3

1回答

在运行短代码时在头中附加样式标记

css、wp-enqueue-style

我有一个带有短代码的插件。短代码在页面中返回一些html。我将有一些动态生成的css，我也想放在页面中。我尝试使用wp_add_inline_style (将wp_enqueue_style添加到我的主css文件)，但是在本例中我仍然可以看到wp_enqueue_style。我想选择这样一种选择，以某种动态的风格向头部呼应。这很好(我在头上使用我的css获得样式)，但是，我也得到了这个脚本<

浏览 0提问于2019-02-25得票数 0

回答已采纳

1回答

如何将Naver Analytics添加到Nuxt.js SPA应用程序？

javascript、analytics、single-page-application、nuxt.js、server-side-rendering

如何在nuxt.js (Vue.js)中添加跟踪代码到网站？wcs_add) var wcs_add = {};wcs_do();我试过了: nuxt.config.js

浏览 2提问于2019-12-11得票数 5

1回答

用Nuxt/Vue.js划桨

javascript、vue.js、vue-component、nuxt.js、paddle-paddle

有人用Nuxt实现了Paddle吗？尝试在Nuxt应用程序页面(组件)中运行该程序：<script type插件无法使用远程(第三方)脚本创建nuxt插件，只能在插件目录中创建本地<em

浏览 3提问于2021-04-22得票数 3

回答已采纳

1回答

Nuxt.js头函数在文章中不起作用

vue.js、vuex、head、nuxt.js

我正在尝试添加一些Open Graph标签到我的博客中托管在Wordpress中的每一篇文章。title' { name: 'og:title', }} 在我的nuxt.config.js中，我在头部配置了以下内容 head(

浏览 55提问于2019-01-23得票数 0

12回答

您的电子邮件客户端允许您以编程方式添加自定义标题吗？

sendmail、email、email-spam、email-client

我正在做一个反垃圾邮件的项目()，其中包括让发送者使用一个客户端插件来添加自定义头部(以及签名，但该部分是)。一般问题是将电子邮件标题添加到外发邮件中，其中标题字段的内容是为每封邮件动态确定的。Pine允许您为传出邮件指定过滤器脚本，但只传递邮件正文，而不传递邮件头。当然，您可以在Pine设置中定义自定义标头，但我看不到动态更改它们的内容的方法。我很高兴听到如何在其他电子邮件客户端(雷鸟，Outlo

浏览 16提问于2008-11-17得票数 12

回答已采纳

1回答

CASL Vue -如何在路由保护中访问$can

vue.js、nuxt.js、casl

我正在构建一个Nuxt应用程序，并尝试创建一个路由守卫。如何在我的Nuxt中间件中访问$can？routeRecord.components.default.options // should use $can here })我在nuxt.config.js中导入了以下内容 { src: '@plugi

浏览 5提问于2021-03-30得票数 0

点击加载更多