vue 后端接口返回这段代码(<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-LR9XVHCN1K"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LR9XVHCN1K'); </script>)怎么放到vue页面中
时间: 2024-04-06 12:28:32 浏览: 14
你可以在 Vue 组件的 mounted 钩子函数中,通过动态创建 script 标签,将这段代码插入到页面中。请参考下面的代码示例:
```
mounted() {
const script = document.createElement('script');
script.async = true;
script.src = 'https://www.googletagmanager.com/gtag/js?id=G-LR9XVHCN1K';
document.body.appendChild(script);
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LR9XVHCN1K');
}
```
这样就可以在 Vue 页面中加载 Google Analytics 的 gtag.js 代码并正常运行。注意,这段代码需要在 Vue 实例挂载后才会执行,所以应该放在 mounted 钩子函数中。