document.title获取当前网页的标题

转自
需求 : 在页面载入数据之后,根据返回的数据动态的修改页面title。

解决过程
使用js方法修改title document.title = '页面标题';
出现问题:页面title并没有刷新,测试之后发现路由变化(后退、跳转等)之后才会刷新。

利用H5的history手动刷新路由,刷新title history.pushState(null, null, null);
出现问题:title是刷新了,但是浏览器历史栈会多一条记录,返回两下才能返回上一个路由。

对history后退,回到原始路由 history.go(-1);
出现问题:当前页面中动态更改title完美解决,但是页面中所有的title都改变了。

路由器拦截处理

router.beforeEach((to, from, next) => {
    /* 路由发生变化修改页面title */
    if (to.meta.title) {
        document.title = to.meta.title;
    }else{
        document.title = '默认title';
    }
    next();
})
  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值