用vuewechattitle为微信动态设置标题

27次阅读

共计 234 个字符,预计需要花费 1 分钟才能阅读完成。

1、安装

npm install vue-wechat-title --save

2、在 main.js 中引入

Vue.use(require('vue-wechat-title'))

3、在路由里添加 title 属性

{
    path: '/home',
    title: '首页',
    component: Home
}

4、在 App.vue 文件里添加如下代码:

// 控制微信标题
<router-view v-wechat-title="this.$route.meta.title"></router-view>

正文完
 0