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