vue项目中添加cnzz统计

「爱情、让人受尽委屈。」 2023-01-06 13:00 99阅读 0赞

在App.vue中添加：

export default { 
      name: 'App',
      mounted() {   
         // 创建cnzz统计js
        const script = document.createElement('script')
        script.src = 'https://v1.cnzz.com/z_stat.php?id=1111111111&web_id=1111111111'
        script.language = 'JavaScript'
        document.body.appendChild(script)
      },
      watch: { 
        '$route': { 
          handler(to, from) { 
            setTimeout(() => {  //避免首次获取不到window._czc
              if (window._czc) { 
                let location = window.location;
                let contentUrl = location.pathname + location.hash;
                let refererUrl = '/';
                // 用于发送某个URL的PV统计请求，
                window._czc.push(['_trackPageview', contentUrl, refererUrl])
                window._czc.push(["_setAutoPageview", false]);
              }
            }, 300)
          },
          immediate: true  // 首次进入页面即执行
        }
      }
    }

## 免费查看前端面试 1000+ ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk4MTU2MA_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk4MTU2MA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221119/2d25080d2d664b27a918df1cad5aa020.png

发表评论取消回复

表情：

评论列表（有 0 条评论，99人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue项目中添加cnzz统计

在App.vue中添加： export default { name: 'App', mounted() { //

「爱情、让人受尽委屈。」/ 2023年01月06日 13:00/ 0 赞/ 100 阅读

相关前端监控--vue项目中使用友盟统计监控

在项目的使用过程中，不可避免的会出现各种奇奇怪怪的报错，有的可能会导致项目程序崩溃无法运行，但是我们作为开发人员是不会立刻知道这种突发情况的，所以我们需要搜集程序的报错信息，及

矫情吗；*/ 2022年12月20日 11:26/ 0 赞/ 187 阅读

相关 vue项目添加stylelint

使用vue cli3.x创建一个初始项目代码风格: eslint + prettier 项目中添加stylelint进行css代码规范安装 cnpm i s

秒速五厘米/ 2022年12月04日 15:57/ 0 赞/ 309 阅读

相关 vue项目添加百度统计

第一步：准备工作 1.使用百度账号登录百度统计平台(没有百度账号先注册一个) [https://tongji.baidu.com/web/welcome/login]

太过爱你忘了你带给我的痛/ 2022年11月17日 03:57/ 0 赞/ 213 阅读

相关 vue 项目中添加水印效果

在项目中有给部分区域或者是整个页面添加水印的需求。加水印其实很简单，它的原理是使用 canvas 生成图片在使用 toDataURL 转化为 base64 格式，然后将转换后的

今天药忘吃喽~/ 2022年11月02日 11:47/ 0 赞/ 562 阅读

相关 vue项目水印添加

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

川长思鸟来/ 2022年09月03日 04:29/ 0 赞/ 272 阅读

相关 vue 项目添加功能实现

一定义 api 模块 import request from '@/utils/request' export default {

待我称王封你为后i/ 2022年08月28日 06:56/ 0 赞/ 266 阅读

相关 vue添加百度统计

申请百度统计后，会得到一段JS代码，需要插入到每个网页中去，在Vue.js项目首先想到的可能就是，把统计代码插入到index.html入口文件中，这样就全局插入，每个页面就都有

朱雀/ 2022年05月19日 14:05/ 0 赞/ 271 阅读

相关 vue项目中使用mint-ui添加loading

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9f

灰太狼/ 2022年03月10日 15:54/ 0 赞/ 294 阅读

相关 vue项目添加Jquery

vue-cli怎么引入jquery Posted on [2016年8月24日][2016_8_24] By [618插件网][618] 1.npm install

骑猪看日落/ 2021年10月09日 03:32/ 0 赞/ 345 阅读