因為和原生的交互是需要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()});
效果如圖:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答