- 使用vue-router設定每個頁面的title
router.beforeEach((to, from, next) => {//beforeEach是router的鉤子函式，在進入路由前執行
/* 路由發生變化修改頁面title */
if (to.meta.title) {//判斷是否有標題
document.title = to.meta.title
}
next();//執行進入路由，如果不寫就不會進入目標頁
})
複製程式碼vue · 使用vue-router設定每個頁面的title
相關文章
- Vue設定頁面的titleVue
- 如何用vue-router為每個路由配置各自的titleVue路由
- vue2 單頁面如何設定網頁titleVue網頁
- span元素設定title及$event使用
- VUE 單頁面應用 修改頁面titleVue
- 為什麼每個前端開發者都要理解頁面的渲染？前端
- vue-router的使用Vue
- GitHub Wiki 頁面的新增和設定Github
- 說說如何使用 vue-router 實現頁面跳轉Vue
- Vue-router外掛使用Vue
- vue-router 原始碼：實現一個簡單的 vue-routerVue原始碼
- 手寫一個vue-routerVue
- 一個 Vue 頁面的記憶體洩露分析Vue記憶體洩露
- 一個Vue頁面的記憶體洩露分析Vue記憶體洩露
- Vue-Router的使用方法Vue
- Vue-router的使用姿勢Vue
- vue-Router中name的使用Vue
- Vue 使用History記錄上一頁面的資料Vue
- vue升級之路（三）-- vue-router的使用Vue
- vue-router 在模組化 vue中的使用Vue
- vue-wechat-titleVue
- 使用webpack建立vue專案，安裝vue-router和不安裝vue-router的區別WebVue
- Vue中在新視窗開啟頁面 及 Vue-routerVue
- 單頁應用在iOS微信瀏覽器中如何優雅的設定titleiOS瀏覽器
- 運用Vue Router的程式守護修改單頁的titleVue
- 說說如何使用 vue-router 外掛Vue
- vue-router教程Vue
- Java 給Word每一頁設定不同圖片水印效果Java
- C# 給Word每一頁設定不同文字水印C#
- Java 給Word每一頁設定不同文字水印效果Java
- C# 給Word每一頁設定不同圖片水印C#
- Vue.js實現一個SPA登入頁面的過程Vue.js
- 線上直播原始碼，H5中動態設定標題（vue-wechat-title）原始碼H5Vue
- 修改織夢DedeCms文章頁預設title的方法
- 【VUE】vue-router的基本用法Vue
- Vue2.0三——Vue-routerVue
- vue-router 程式設計式的導航Vue程式設計
- webview獲取網頁titleWebView網頁