Dieser Artikel befasst sich hauptsächlich mit dem Thema, wie man einen dynamischen Browser-Header-Titel in das Vue-Projekt einfügt. Jetzt kann ich ihn mit Ihnen teilen
Vue-Projekt zum Hinzufügen eines dynamischen Browser-Header-Titels
( 1) Holen Sie sich den Titel der Komponente vom Routing-Router
( 2) Speichern Sie den Titel in vuex (dieses Projekt hat h5s gekapselt). sessionStorage und localStorage können hier ebenfalls gespeichert werden)
(3) Titel festlegen
In router.beforeEach((to, from, next) => {}
const browserHeaderTitle = to.name
SET_BROWSERHEADERTITLE: (state, action) => {
state.browserHeaderTitle = action.browserHeaderTitle
}
store.commit('SET_BROWSERHEADERTITLE', {
browserHeaderTitle: browserHeaderTitle
})Wir legen den Titel fest
nach dem Routing/**
* 设置浏览器头部标题
*/
export const setTitle = function(title) {
title = title ? `${title}` : 'NxAdmin'
window.document.title = title
}
router.afterEach(() => {
NProgress.done() // 结束Progress
setTimeout(() => {
const browserHeaderTitle = store.getters.browserHeaderTitle
setTitle(browserHeaderTitle)
}, 0)
})Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.
Verwandte Empfehlungen:
Das obige ist der detaillierte Inhalt vonSo fügen Sie dem Vue-Projekt einen dynamischen Browser-Header-Titel hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
