国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue中動態設置meta標簽和title標簽的方法

2019-11-19 13:31:00
字體:
來源:轉載
供稿:網友

因為和原生的交互是需要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()});

效果如圖: 

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 崇信县| 南阳市| 额尔古纳市| 湄潭县| 定陶县| 库伦旗| 平果县| 聂荣县| 高安市| 高阳县| 济阳县| 新兴县| 贵阳市| 昭觉县| 封丘县| 辉县市| 读书| 子长县| 蛟河市| 克什克腾旗| 舒城县| 广东省| 武威市| 关岭| 湟源县| 祁门县| 家居| 深水埗区| 柳江县| 洛宁县| 安康市| 神农架林区| 东明县| 福安市| 余干县| 秦皇岛市| 万州区| 垣曲县| 曲阳县| 临澧县| 宜黄县|