使用場景
- 項目的某些頁面需要單獨打開
- 頁面加載完成之前就需要展示標題
- 標題不能在index.html寫死，因為各頁面標題不一樣
用法
vue的index.html文件中修改
<!DOCTYPE html>
<html lang="en">
<head>
<!--這里省略部分代碼-->
<title>默認標題</title>
<script>
//動態標題
var domainUrl = document.location.toString();
if (domainUrl.indexOf("特殊的url內容") !== -1) {
document.title = "新的標題";
}
</script>
后話
開發中沒注意，上線后網絡環境變了，發現頁面需要加載時間，加載完之前標題一直顯示 Webpack App ，用了上面這個方法來處理。
ps:項目標題通過vue router來動態控制的，所以頁面加載之前的標題沒有被控制到