Vue页面组件标题

1.npm install vue-wechat-title

2.main.js中导入并注册

import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)

3.在router-view标签上增加指令(v-wechat-title='$route.meta.title')

   必须在路由配置中，增加一个meta对象，里边增加title字段

 {

   path: '/index',

   component: Index,

   meta: { title: '理赔申请'}

}

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

如果路由中没有title，会走默认的title，如果想给子组件设置title，设置document.titlt=‘title值’