码迷,mamicode.com
首页 > 其他好文 > 详细

vue 单页面 keywords description title

时间:2021-03-03 12:05:46      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:before   rip   word   selector   document   title   setattr   router   key   

router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title
}
if(to.meta.content){
let head = document.getElementsByTagName(‘head‘);
let meta = document.createElement(‘meta‘);
document.querySelector(‘meta[name="keywords"]‘).setAttribute(‘content‘, to.meta.content.keywords)
document.querySelector(‘meta[name="description"]‘).setAttribute(‘content‘, to.meta.content.description)
meta.content = to.meta.content;
head[0].appendChild(meta)
}
next()
})

vue 单页面 keywords description title

标签:before   rip   word   selector   document   title   setattr   router   key   

原文地址:https://www.cnblogs.com/mrt-yyy/p/14470007.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!