欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用vue-router設(shè)置每個(gè)頁(yè)面的title方法

 更新時(shí)間:2018年02月11日 09:26:08   作者:馬優(yōu)晨  
下面小編就為大家分享一篇使用vue-router設(shè)置每個(gè)頁(yè)面的title方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

基本環(huán)境配置: webpack + vue2.0 + vue-router +nodeJS

進(jìn)入 router 文件夾底下的index.js文件

首先引入:

import Vue from 'vue'
import Router from 'vue-router'

然后在路由里面配置每個(gè)路由的地址:

routes: [
 {   /* (首頁(yè))默認(rèn)路由地址 */
  path: '/',
  name: 'Entrance',
  component: Entrance,
  meta: {
  title: '首頁(yè)入口'
  }
 },
 {   /* 修改昵稱 */
  path: '/modifyName/:nickName',
  name: 'modifyName',
  component: modifyName,
  meta: {
  title: '修改昵稱'
  }
 },
 {   /* 商品詳情 */
  path: '/goodsDetail',
  name: 'goodsDetail',
  component: goodsDetail,
  meta: {
  title: '商品詳情'
  }
 },
 { /* Not Found 路由,必須是最后一個(gè)路由 */
  path: '*',
  component: NotFound,
  meta: {
  title: '找不到頁(yè)面'
  }
 }
 ]

在每一個(gè)meta里面設(shè)置頁(yè)面的title名字,最后在遍歷

router.beforeEach((to, from, next) => {
 /* 路由發(fā)生變化修改頁(yè)面title */
 if (to.meta.title) {
 document.title = to.meta.title
 }
 next()
})

這樣就為每一個(gè)VUE 的頁(yè)面添加了title

以上這篇使用vue-router設(shè)置每個(gè)頁(yè)面的title方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論