1.1.0 • Published 12 months ago
vue-set-title v1.1.0
Vue-set-title
通过修改vue-router
配置,在切换路由时修改页面title,兼容了ios和微信
Demo: 'vue-set-title' Demo源码: 'demo'
安装
npm i vue-set-title
在router.js
中引入,在路由配置的meta
属性中设置title
,最后使用Vue.use
调用,如下
import Vue from 'vue'
import Router from 'vue-router'
import setTitle from 'vue-set-title';
Vue.use(Router)
const router = new Router({
routes: [
{
path: '/',
name: 'Index',
components: require('@/views/IndexPage').default,
meta: {
title: '主页'
// title: () => '主页'
}
}
]
})
/**
* @param Vue Vue实例
* @param Router Router实例
* @param defaultTitle 未设置时默认的title值
*/
Vue.use(setTitle, router, 'title')
export default router
required: vue
vue-router