vue中动态设置meta标签和title标签的方法

//router内的设置
{
   path: '/teachers',
   name: 'TDetail',
   component: TDetail,
    : {
     :"教师详情",
    content: 'disable'
   }
  },
  {
   path: '/article',
   name: 'Article',
   component: Article,
    : {
     : "文章详情",
    content: 'disable-no'
   }
  },
 //main.js里面的代码
 router.beforeEach((to, from, next) => {
 /* 路由发生变化修改页面  */
 if(to. .content){
  let head = document.getElementsByTagName('head');
  let   = document.createElement(' ');
   .content = to. .content;
  head[0].appendChild( )
 }
 /* 路由发生变化修改页面  */
 if (to. . ) {
  document.  = to. . ;
 }
 next()
});