900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > vue修改meta值_【转】vue中动态设置meta标签和title标签

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

时间:2021-07-24 23:06:53

相关推荐

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()

});

转自:/qq_29515037/article/details/79475068

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。