修改微信端title

每个spa由于路由跳转页面没有进行页面层级的切换,所以title是固定的。而如果只是使用document.title的话,微信端ios会有问题。我用的是一个叫“vue-wechat-title”的组件,用法非常简单,首先安装上之后,在router页面作如下处理,添加title

import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)
{
  path: '/page404',
  name: 'Page404',
  component: Page404,
  meta: {
    title: '页面走丢了'
  }
},
然后在app.vue,添加v-wechat-title,大功告成

<router-view v-wechat-title="$route.meta.title"></router-view>

随机浏览