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的值';
}
图片
效果
简写
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的值';
}