vue项目中添加cnzz统计

「爱情、让人受尽委屈。」 2023-01-06 13:00 185阅读 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 条评论，185人围观）

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

相关阅读

相关 Vue项目中添加husky

husky 是一个 Git Hook 工具。主要实现提交前 eslint 校验和 commit 信息的规范校验，也可以避免多人合作时代码格式化不统一造成的冲突； 1.安装

小灰灰/ 2023年07月19日 12:24/ 0 赞/ 40 阅读

相关 vue项目中添加lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。官方网址为：https://www.lodashjs.com/ 1，安装Lodas

客官°小女子只卖身不卖艺/ 2023年07月01日 04:27/ 0 赞/ 65 阅读

相关 vue 添加不蒜子统计计数

之前都是在jq环境当中使用卜算子的，感觉还是比较方便现在使用vue搭建个人博客，当然也要入乡随俗了步入正题 1.

水深无声/ 2023年02月11日 07:22/ 0 赞/ 35 阅读

相关 vue项目中添加cnzz统计

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

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

相关 vue项目添加stylelint

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

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

相关 vue项目添加百度统计

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

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

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

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

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

相关 vue项目水印添加

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

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

相关 vue添加百度统计

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

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

相关 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 赞/ 467 阅读