美文网首页
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