Javascript 如何查看创建组件后初始化的文档变量?
我需要使用google tag manager为A/B测试Vuejs页面添加的变量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 } } 此外
document.googleAnalytics
。
我尝试在组件的挂载的和创建的方法中初始化变量,但得到未定义的:
export default {
data() {
return {
myVar: null,
}
},
mounted() {
this.myVar = document.googleAnalytics; // undefined
}
}
此外,我还尝试使用watch formyVar
,但没有任何帮助:
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脚本到底是什么时候加载的?尝试推迟分配给初学者的documentload
事件。我认为这是因为vuejs脚本的加载速度比gtm快