vue动态修改浏览器title和icon图标

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的值';
}
1
2
3
4
5
6
7
8

图片

效果

简写

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的值';
}
1
2
3
4
5
6