国产探花免费观看_亚洲丰满少妇自慰呻吟_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()});

效果如圖: 

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 会理县| 盖州市| 古浪县| 仙桃市| 赤城县| 金门县| 个旧市| 永川市| 二连浩特市| 岐山县| 安新县| 驻马店市| 新龙县| 临朐县| 福鼎市| 鄂州市| 兴安盟| 陇南市| 临邑县| 兰西县| 石阡县| 温州市| 革吉县| 邯郸县| 长泰县| 禹州市| 衡阳市| 东安县| 资中县| 炎陵县| 民县| 阿拉尔市| 沧州市| 晋州市| 英山县| 海晏县| 治多县| 轮台县| 隆德县| 视频| 长春市|