天天看點

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) => {

if(to.meta.content){

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

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

meta.content = to.meta.content;

head[0].appendChild(meta)

}

if (to.meta.title) {

document.title = to.meta.title;

}

next()

});

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