vue动态修改浏览器title和icon图标
实例代码
setTitleIcon(){
var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = '/002.png';
document.getElementsByTagName('head')[0].appendChild(link);
document.getElementsByTagName("title")[0].innerText = '动态修改title的值';
}
图片
![在这里插入图片描述](https://img-blog.csdnimg.cn/204a83b5b6524b8788ffe65ea387168d.png)
效果
![在这里插入图片描述](https://img-blog.csdnimg.cn/903e88302eee432f9c1b21646e2fa5ab.png)
简写
setTitleIcon(){
var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
link.href = '/002.png';
document.getElementsByTagName('head')[0].appendChild(link);
document.getElementsByTagName("title")[0].innerText = '动态修改title的值';
}