扫码关注官方订阅号
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();})
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
在router.js中如下设置
入口文件 的 基本标签都是可以被操作的
你可以在 Router
router.beforeEach((to, from, next) => {
//这里操作DOM
// ...
/* console.log(to);
console.log(from);*/
next();
})