vue はブラウザのタイトルとアイコンを動的に変更します

vue はブラウザのタイトルとアイコンを動的に変更します

コード例

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的值';
}