vue-cli2.0单页面title修改

2018-06-07  本文已影响0人  Elvis_645e

一、npm install vue-wechat-title --save  执行命令

二、在main.js中添加

    import VueWechatTitle from 'vue-wechat-title';

        Vue.use(VueWechatTitle);

        Vue.config.productionTip= false

三、在router/index.js文件中添加  

    routes: [{  path: '/',redirect: 'Home'  },{ path: '/Home',name: 'Home',component: Home,

    meta:{

      title:'银行开户'

    }},],

四、在app.vue 中修改 router-view  修改为:<router-view v-wechat-title="$route.meta.title"/>

运行项目,大功告成

上一篇下一篇

猜你喜欢

热点阅读