1)、首先安装
npm install vue-wechat-title --save
2)、接着在main.js中引入
import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)
3、在路由文件index.js中给需要的路=路由添加title
routes: [{
path: '/',
name: 'home',
component: home,
meta:{
keepAlive: true
}
}, {
path: '/login',
name: 'login',
component: login,
meta:{
title: '登录页面',
}
}
]
4、在组件里面若要动态改变title的值
<template>
<div class='container' v-wechat-title="$route.meta.title={data.title}">
<h1 class="title">{{title}}</h1>
<p class="time">{{createTime}}</p>
<p class="innerText" v-html="content">
</p>
</div>
</template>
注意:**v-wechat-title="$route.meta.title={data.title}"**这个是核心代码
好啦!刷新页面就可以看到效果啦~,希望对大家有效果