Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何查看创建组件后初始化的文档变量?_Javascript_Vue.js_Google Tag Manager - Fatal编程技术网

Javascript 如何查看创建组件后初始化的文档变量?

Javascript 如何查看创建组件后初始化的文档变量?,javascript,vue.js,google-tag-manager,Javascript,Vue.js,Google Tag Manager,我需要使用google tag manager为A/B测试Vuejs页面添加的变量document.googleAnalytics。 我尝试在组件的挂载的和创建的方法中初始化变量,但得到未定义的: export default { data() { return { myVar: null, } }, mounted() { this.myVar = document.googleAnalytics; // undefined } } 此外

我需要使用google tag manager为A/B测试Vuejs页面添加的变量
document.googleAnalytics
。 我尝试在组件的
挂载的
创建的
方法中初始化变量,但得到
未定义的

export default {
  data() {
    return {
      myVar: null,
    }
  },

  mounted() {
    this.myVar = document.googleAnalytics; // undefined
  }
}
此外,我还尝试使用watch for
myVar
,但没有任何帮助:

watch: {
  myVar(val) {
    this.myVar = val;
  }
}

如果在vue已加载并呈现之后加载标记管理器脚本,则可以从文档中获取值?

我认为您可能会使用vue“NextTick”功能,例如:

mounted() {
  this.$nextTick(function () {
    // Code that will run only after the
    // entire view has been rendered
    this.myVar = val;
  })
}
在此处阅读有关装载的生命周期步骤的更多信息:

此外,这也是理解“NextTick”的一个很好的指南:


试一试,让我知道你进展如何。

只是为了确保,它是拼写分析,而不是分析,对吗?不,它是分析:@Liang ShihLin analytics GTM脚本到底是什么时候加载的?尝试推迟分配给初学者的document
load
事件。我认为这是因为vuejs脚本的加载速度比gtm快