首页 > 软件开发 > JavaScript > js vue动态设置网站title标题

js vue动态设置网站title标题

首先在路由文件中添加代码。

router.beforeEach((to, from, next) => {
    //beforeEach是router的钩子函数,在进入路由前执行
    if (to.meta.title) {
     //判断是否有标题
        document.title = to.meta.title
    } else {
        document.title = '默认title'
    }
    next()
})

然后在配置路由的时候加入meta属性即可。

{
    path: '/', //个人中心
    name: 'index',
    component: IndexView,
    meta: {
        title: '个人中心'
    }
},


猜你喜欢

FormData对象传入自定义对象

FormData对象传入自定义对象

js定时器与点击事件

js定时器与点击事件

js字符串截取时报错 substring/splice is not a function

js字符串截取时报错 substring/splice is not a function

0 条评论

img 登陆后才能评论哦~