javascript - vue2.0如何設置 網頁標題 關鍵字 描述

問題描述

vue2.0如何設置 網頁標題title 和meta標簽里面的 關鍵字和描述呢？想動態改變，切換路由或者其他情況下，動態改變這三個地方

問題解答

在router.js中如下設置

import Vue from ’vue’import Router from ’vue-router’Vue.use(Router)const router = new Router({ routes: [{ path: ’/login’, component: Login, meta: { title: ’登錄’ } }, { path: ’/register’, component: Register, meta: { title: ’注冊’ } } ]})// 全局配置router.beforeEach((to, from, next) => { // Change doc title document.title = to.meta.title || ’Unknow title’ document.querySelector(’meta[name='keywords']’).setAttribute(’content’, ’keywords’) document.querySelector(’meta[name='description']’).setAttribute(’content’, ’description’)})回答2：

入口文件 的 基本標簽都是可以被操作的 你可以在 Router router.beforeEach((to, from, next) => {//這里操作DOM // .../* console.log(to); console.log(from);*/ next();})