标签：vue title 微信 h5 wechat login 标题 vueWechatTitle

1，在vscode终端下载安装vue-wechat-title:

npm install vue-wechat-title

2，在main.js全局引入

import vueWechatTitle from 'vue-wechat-title'
Vue.use(vueWechatTitle)

3，在router路由中配置标题

{
    path: '/login',
    name: 'login',
    component: login,
    meta:{
      title:'啦啦啦我是卖报的小行家'
    }
 },

4，根据自己的情况进行配置添加

在页面直接添加

<div class='login' v-wechat-title="$route.meta.title">
    内容......
</div>

动态的传参改变标题

<div class='login' v-wechat-title="$route.meta.title={title}">
    内容......
</div>

直接在app.vue里全局使用标题

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

以上.....

标签：vue,title,微信,h5,wechat,login,标题,vueWechatTitle
来源： https://www.cnblogs.com/whenwei123/p/15221853.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。