Vue プロジェクト H5 がブラウザーのタイトルを動的に設定する

1. まず、表示するタイトルをローカルに保存します。
 

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

2. 次に、タイトルをルーティング メタに設定し、それをルーティング ガードに設定します。

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);
						}

おすすめ

転載: blog.csdn.net/qq_46376192/article/details/133177744