当前位置:网站首页>document.title获取当前网页的标题
document.title获取当前网页的标题
2022-08-10 16:36:00 【大象与小蚂蚁的生活】
需求 : 在页面载入数据之后,根据返回的数据动态的修改页面title。
解决过程
- 使用js方法修改title document.title = ‘页面标题’;
- 出现问题:页面title并没有刷新,测试之后发现路由变化(后退、跳转等)之后才会刷新。
1.利用H5的history手动刷新路由,刷新title history.pushState(null, null, null);
2.出现问题: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();
})
router.afterEach((to) => {
if (to.meta?.label) {
// 设置页面`title`
document.title = `一立科技 - ${
to.meta.label}`;
}
});
边栏推荐
猜你喜欢
随机推荐
如何修改gif尺寸?1分钟教你快速修改gif尺寸
Lua--table操作
神经网络的图像识别技术,神经网络识别图像原理
MySQL的使用演示及操作,MySQL数据字符集的设置
被大厂面试官参考的Redis笔记,堪称Redis面试天花板
leetcode:1013. 将数组分成和相等的三个部分
在Istio中,到底怎么获取 Envoy 访问日志?
sprintboot验证码kaptcha 自定义图片样式
rtsp 和 rtmp 推流(一)
C专家编程 第10章 再论指针 10.6 使用指针从函数返回一个数组
【QT VS项目名称修改】
易基因|深度综述:m6A RNA甲基化在大脑发育和疾病中的表观转录调控作用
为什么某互联网企业开200w年薪大家都支持,但是中金开100w年薪大家都在骂?...
雷达人体存在感应器,人体感知控制应用,为客户提供真实的感知方案
FTXUI按键和ROS2 CLI组合使用笔记(turtlesim+teleop)
glui.h无法找到描述+解决+测试
【JDK】Oracle又一个JDK大版本停止扩展技术支持
Andorid源码编译需要掌握的shell语法(三)
推荐几款最好用的MySQL开源客户端,建议收藏!
不同主机收不到组播消息原因分析