因为和原生的交互是需要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()});
效果如图:
如果觉得《vue中动态设置meta标签和title标签》对你有帮助,请点赞、收藏,并留下你的观点哦!