Skip to content

LiuYuLu/vue-router-title

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-router-title 说明

该插件旨在帮助快捷的改变文档标题

使用方法

router = new VueRouter({
    routes:[
        {...meta:{ title:"title" }...},
        {...meta:{ title:"title" }...},
        {...meta:{ title:"title" }...},
    ]
);

VueRouterTitle(options)

//or

Vue.use(VueRouterTitle,options) //只是为了看着好看一些

参数说明

route.meta.title

类型: String || Funcition(to, {router, store})

说明:给需要配置title的路由的meta标签赋值。当为字符串时会直接将该字符串作为初始的目标标题。当目标为函数时,会传入前往的路由对象、以及包含传入配置的 routerstore 两个对象的对象,并利用返回的字符串作为初始的目标标题。


options.defaultTitle

类型: String

说明:当所在嵌套路由链上没有meta.title时,页面标题默认展示为defaultTile

options.router

类型: VueRouter

说明:需要配置的 router 对象

options.Store

类型: Vuex.Store

说明:需要配置的 Vuex.Store 对象

options.beforeEach()

类型: Funcition(title, to, {router, store})

说明:修改标题前执行的函数。会传入当前标题、前往的路由对象、以及包含传入配置的 routerstore 两个对象的对象。需要返回一个字符串来作为新的标题。

options.afterEach()

类型: Funcition(title, to, {router, store})

说明:修改标题后执行的函数。传入的参数同 beforeEach()

About

auto change document title with vue-router

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%