开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >将vue-gtm (google标记管理器)附加到路由器实例

问将vue-gtm (google标记管理器)附加到路由器实例
EN

Stack Overflow用户

提问于 2019-02-07 08:32:24

回答 1查看 1.3K关注 0票数 1

使用此包：https://www.npmjs.com/package/vue-gtm

在router.js (vue cli 3)中，我试图将它附加到路由器实例：

import Vue from 'vue'
import Router from 'vue-router'
import VueGtm from 'vue-gtm'

Vue.use(VueGtm, {
  id: 'GTM-xxxxxxx',
  enabled: true,
  debug: true,
  vueRouter: Router
})

export default new Router({
  mode: 'history'
})

但是，很明显，这行不通。在我的示例中，如何将vue-gtm附加到路由器，其中导出路由器实例，而不是将其设置为变量：

const router = new Router({})

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-07 12:11:50

您不正确地将Router类传递给vueRouter：

Vue.use(VueGtm, {
  //vueRouter: Router, // <-- DON'T DO THIS
})

vueRouter值应该是路由器实例，因此router.js看起来应该类似于以下内容：

const routes = [
  //...
]

const router = new Router({
  mode: 'history',
  routes
})

Vue.use(VueGtm, {
  vueRouter: router, // <-- router instance
  //...
})

export default router

票数 2

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54569186

复制

相似问题