Vue项目设置每个页面的title

1、在项目目录下安装vue-wechat-title

cnpm i vue-wechat-title --save-dev

2、在main.js中 使用vue-wechat-title

Vue.use(require('vue-wechat-title'))     //实例化参数

3、在router的配置中设置

{
      path: '/home',
      name: 'Home',
      component: Home,
      meta: {
        title: '主页'       //页面标题
      }
 }

4、在每个vue页面中加入 

 <div class="content content-box">
      <div v-wechat-title="$route.meta.title"></div>
</div>

【参考】： vue项目设置每个页面的title

赏

谢谢你请我吃糖果

支付宝

微信

• 本文作者： LQbank
• 本文链接： http://example.com/2020/03/19/Vue项目设置每个页面的title/
• 版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！