vue页面中动态修改网站标签名（企业微信自建h5应用顶部导航栏标签名修改）

修改网站标签

最近对接企业微信，顶部的固定tabbar应该是企业微信的浏览器头，显示的标题就对应网站的标签名。想要修改此名称，只需要使用 document.title 进行修改。
网上有大概三种方法：

1. 在页面mouted事件中进行赋值
2. 在路由守卫中进行拦截修改
3. 自定义指令修改
   我采用了第二种，写起来方便，代码也相对较少的，看起来舒服。

router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
})