vue修改meta值_【转】vue中动态设置meta标签和title标签

因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮，所有就需要手动设置meta标签，标题和内容

//router内的设置

{

path: '/teachers',

name: 'TDetail',

component: TDetail,

meta: {

title:"教师详情",

content: 'disable'

}

},

{

path: '/article',

name: 'Article',

component: Article,

meta: {

title: "文章详情",

content: 'disable-no'

}

},

//main.js里面的代码

router.beforeEach((to, from, next) => {

/* 路由发生变化修改页面meta */

if(to.meta.content){

let head = document.getElementsByTagName('head');

let meta = document.createElement('meta');

meta.content = to.meta.content;

head[0].appendChild(meta)

}

/* 路由发生变化修改页面title */

if (to.meta.title) {

document.title = to.meta.title;

}

next()

});

转自：https://blog.csdn.net/qq_29515037/article/details/79475068