微信公众号替换title

 

说明：项目使用 vue 开发

方法一：

　　单页应用里整个页面只会在第一次完全刷新，后面只会局部刷新（一般不包括head及里面的title），所以无法在服务器端控制title，只能在页面刷新的时候通过js修改title。

　　在 created() 里写： document.title = 'xxx'

 

方法二：

在路由router中设置meta：

{
      path:'/chooseBrand',
      component: resolve => require(['../components/page/ChooseBrand.vue'], resolve),
      meta: {
        title: 'title标题'
      }
},

 

再设置 router.beforeEach

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