vue 配置 title、keywords、description、icon

修改title、keywords、description

因為title、keywords、description會隨著頁面變化而變化的??梢詫懸粋€公共的方法,在需要的時候直接調(diào)用就額可以了

/**
   * 配置 seo
   * @param title 網(wǎng)頁標(biāo)題
   * @param key 關(guān)鍵詞
   * @param des 描述
   */
  setMeta:function (title,key,des){
    let  title_default = "網(wǎng)站名稱";
    if(title){
      title_default += title;
    }
    document.title = title_default;
    document.querySelector("meta[name='keywords']").setAttribute('content', key);
    document.querySelector("meta[name='description']").setAttribute('content', des);
  }

配置icon

1、首先在iconfont新建項目,在我的項目中找到創(chuàng)建的這個項目。有一個font class。點擊它會生成icon的class鏈接。點擊復(fù)制復(fù)制鏈接。
2、如果只是本地配置,則在head中添加<link rel="stylesheet" href="font class鏈接">,如果是通過后臺接口來配置。則在head中添加<link rel="stylesheet" name="iconfont" href="">。name是標(biāo)識符必須存在。通過下列代碼注入

document.querySelector("link[name='iconfont']").setAttribute('href', 'font class 鏈接');
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容