vue项目 H5 动态设置浏览器标题

1,先将要展示的标题存本地
 

	if (that.PromotionInfo.Title) {localStorage.setItem("AcTitle", that.PromotionInfo.Title)}

2,现在路由meta中设置标题,再在路由守卫中设置

import Vue from 'vue'
import Router from 'vue-router'
import promptDetail from './views/promptDetail'Vue.use(Router)
const router = new Router({routes: [{//活动详情path: '/',name: 'promptDetail',meta:{title:localStorage.getItem("AcTitle")},component: promptDetail},],})
router.beforeEach((to,from,next)=>{//beforeEach是router的钩子函数,在进入路由前执行if(to.meta.title){//判断是否有标题document.title = to.meta.title}next()  //执行进入路由,如果不写就不会进入目标页
})export default router


哦买噶~本地是可以的,生产环境就不行了,
解决办法

 

if (that.PromotionInfo.Title) {// localStorage.setItem("AcTitle", that.PromotionInfo.Title)console.log("页面设置",document.title);document.title = that.PromotionInfo.Title;console.log("页面设置之后",document.title);}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/142262.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Sui资助申请指南,310万美元资助金已成功申领

Sui基金会致力于资助开发者、构建者、教育工作者、研究人员以及其他推动和推广Sui生态发展的社区成员。立即申请:https://airtable.com/shrkLWBRNPL89f0SX 资助计划类型 构建者资助计划 通过推动Sui的全球采用,帮助引导下一个十亿用户进入Web3的项目。…

vue实现移动端悬浮可拖拽按钮

需求: 按钮在页面侧边悬浮显示;点击按钮可展开多个快捷方式按钮,从下向上展开。长按按钮,则允许拖拽来改变按钮位置,按钮为非展开状态;按钮移动结束,手指松开,计算距离左右两侧距离…

DKD蒸馏复现

知识蒸馏主要分两类: 1:基于logits 2:基于feature logits蒸馏主要是在早期,后期效果逐步被基于feature蒸馏超越。 cvpr2022的DKD基于传统的KD进行改进,重铸logits蒸馏的荣光。目前很多蒸馏都采用DKD方案&#xff0…

云原生Kubernetes:K8S安全机制

目录 一、理论 1.K8S安全机制 2.Authentication认证 3.Authorization授权 4.Admission Control准入控制 5.User访问案例 6.ServiceAccount访问案例 二、实验 1.Admission Control准入控制 2.User访问案例 3.ServiceAccount访问案例 三、问题 1.生成资源报错 2.镜…

CSS之伪类和伪元素 | :before和::before

例子: & 表示嵌套的上一级。如 &:hover 相当于 上一级元素:hover :hover 伪类 :before 伪元素,在元素之前加入某内容(一定要写 content ) display:none; 隐藏对象。display隐藏元素后,不占原先位置…

NSSSCTF做题(2)

1.[BJDCTF 2020]easy_md5 打开页面发现没什么东西,只有一个提交表单,然后url会显示你提交的信息 源代码里也看不到什么 ,用dirsearch扫一下,这些是扫出来的数据 抓包看到了提示 hint: select * from admin where passwordmd5($pas…

新手必看:Android studio 侧边栏实现,带源码

文章目录 前言效果图正文toolbar 用于定义应用程序的导航栏app_bardrawer_layout 用于创建侧边栏导航nav_header_draw app:menu"menu/activity_main_drawer" 前言 本篇内容主要是自己实现侧边栏后的一些总结,部分理论来着网络和ai助手,如有错…

一台电脑远程内网的另外一台电脑,禁止远程的电脑连接外网,只允许内网连接

一台电脑远程内网的另外一台电脑,禁止远程的电脑连接外网,只允许内网连接 1.找到右下角网卡图标,右键图标选择“打开网络和共享中心”。 3、点击“更改适配器设置”。 4、右键正在使用的网卡“本地连接”打开属性 5、找到“internet协…

DAZ To UMA⭐三.导入Blender的配置, 及Blender快捷键

文章目录 🟥 Blender快捷键1️⃣ 3D视图快捷键2️⃣ 视角快捷键3️⃣ 编辑快捷键4️⃣ 对物体的操作🟧 Blender导入FBX的配置🟩 设置脸部骨骼大小1️⃣ 切换视角2️⃣ 缩小脸部骨骼3️⃣ 本节效果预览🟦 设置眼角膜透明度🟥 Blender快捷键 1️⃣ 3D视图快捷键 快捷键…

UML基础与应用之面向对象

UML(Unified Modeling Language)是一种用于软件系统建模的标准化语言,它使用图形符号和文本来描述软件系统的结构、行为和交互。在面向对象编程中,UML被广泛应用于软件系统的设计和分析阶段。本文将总结UML基础与应用之面向对象的…

UG NX二次开发(C#)-计算直线到各个坐标系轴向的投影角度

文章目录 1、前言2、需求分析3、NXOpen方法实现3.1 创建基准坐标系3.2 然后计算直线到基准坐标系的轴向角度3.3 代码调用4、测试效果为:1、前言 最近有个粉丝问我如何计算直线到坐标系各个轴向的角度,这里用UG NX二次开发(C#)实现。当然,这里的内容是经验之谈,如果有更好的…

2、AWT介绍

2、AWT介绍 AWT是Swing的前身,我们使用AWT学习底层的实现而用Swing来画一些界面 2.1 AWT 介绍 AWT:抽象的窗口工具(Abstract Windows Tools),包含了很多的类和接口!用于GUI编程,GUI&#xff…

秦时明月沧海手游阵容推荐,秦时明月沧海角色强度

秦时明月沧海角色强度如何?在秦时明月沧海手游中,您可以从大量的角色卡牌中选择并发展,为了顺利通过各种副本,玩家们需要精心搭配阵容。那么,具体该如何配置最强的角色呢? 下面,小编将带各位玩家…

GeoServer运行报错503,……Unmapped relationship: 7

Windows11运行GeoServer-2.19.0报错[org.geoserver.system.status.OSHISystemInfoCollector]……Unmapped relationship: 7 问题说明解决方法 问题说明 最近换了新电脑,在电脑上安装了一个geoserver2.19.0版本,但是运行就是报错,虽然最后提示…

SVN_SERVER的搭建

一、目前svnserver仅支持windows下安装,所以前提需要一台windows服务器或者windows主机 1. 下载最新版本的包 当前最新版visualsvn server最新版5.3.0 visualsvn server下载地址Downloads | VisualSVN 当前tortoiseSVn最新版1.14.5 tortoise SVN下载地址 h…

高等数学应试考点速览(下)

函数项级数 【收敛域】上,收敛于:【和函数】; 幂级数:绝对收敛区间 ( − R , R ) (-R,R) (−R,R),(端点是否属于收敛域,需要再探讨) R lim ⁡ n → ∞ ∣ a n a n 1 ∣ R\lim_{n…

Spring整合RabbitMQ——消费者

1.配置consumer xml配置文件 2. 实现MessageListener接口 并重写onMessage方法

数组01-二分查找算法

目录 数组如何实现随机访问 两个关键词 数组的特点 根据下标随机访问数组元素 为什么数组要从0开始编号,而不是从1开始 LeetCode之路——704. 二分查找 Code 二分查找算法 数组如何实现随机访问 数组(Array)是一种线性表数据结构。它…

Docker部署ActiveMQ消息中间件

1、准备工作 docker pull webcenter/activemq:5.14.3 Pwd"/data/software/activemq" mkdir ${Pwd}/data -p2、运行容器 docker run -d --name activemq \-p 61616:61616 \-p 8161:8161 \-v ${Pwd}/data:/opt/activemq/data \-v /etc/localtime:/etc/localtime \--r…

活动预告|蚂蚁集团 2023 KubeCon Shanghai 议题揭秘

9 月 26日-28 日,由 Linux 基金会、CNCF 主办的 KubeCon CloudNativeCon Open Source Summit China 2023 将在上海跨国采购会展中心隆重召开。本次峰会将聚集全球社区,共同探讨云原生和开源领域的前沿洞察、核心技术与最佳实践,会议主题囊括…