美文网首页
vue2中设置title

vue2中设置title

作者: famingng | 来源:发表于2018-11-06 17:00 被阅读0次

1.下载安装插件依赖

npm install vue-wechat-title --save

2.在main.js中引入插件

import VueWechatTitle from 'vue-wechat-title'

Vue.use(VueWechatTitle)

3.在路由文件 index.js中给每个路由添加title

export default new Router({

  routes: [

    {

      path: '/',

      name: 'Home',

      component: Home,

      meta: {

            title: '首页'

      },

    },

  ]

})

4.在app.vue中修改router-view组件

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

相关文章

网友评论

      本文标题:vue2中设置title

      本文链接:https://www.haomeiwen.com/subject/lkwuxqtx.html