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'; // 图片放public目录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'; // 图片放public目录document.getElementsByTagName('head')[0].appendChild(link);document.getElementsByTagName("title")[0].innerText = '动态修改title的值';
}