84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
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') })
入口文件 的 基本标签都是可以被操作的 你可以在 Router router.beforeEach((to, from, next) => {//这里操作DOM // .../* console.log(to); console.log(from);*/ next();})
在router.js中如下设置
入口文件 的 基本标签都是可以被操作的
你可以在 Router
router.beforeEach((to, from, next) => {
//这里操作DOM
// ...
/* console.log(to);
console.log(from);*/
next();
})