VUE项目中添加cnzz统计访问量

vue项目中添加cnzz统计访问量

1.创建一个js文件,内容如下:

var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cspan id='cnzz_stat_icon_1279539509'%3E%3C/span%3E%3Cscript src='https://v1.cnzz.com/z_stat.php%3Fid%3D1279539509%26online%3D1%26show%3Dline' type='text/javascript'%3E%3C/script%3E"));

2.在需要添加的vue文件中引入

//引入cnzz文件
import '../js/cnzz'

3.在vue的mounted生命周期中使用

html中在需要添加的地方定义一个标签

<p id="cnzz_box"></p> 

在标签中添加js文件中定义的id

mounted(){
    
    
    cnzz_box.append(cnzz_stat_icon_1279539509);
},

猜你喜欢

转载自blog.csdn.net/zhuzhucaicai/article/details/111359618
今日推荐