因为和原生的交互是需要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()});
转自:https://blog.csdn.net/qq_29515037/article/details/79475068
【转】vue中动态设置meta标签和title标签
原文地址:https://www.cnblogs.com/yunspider/p/9291765.html