首页 > Web开发 > 详细

vue单页面动态修改网站title

时间:2020-08-18 10:53:07      阅读:91      评论:0      收藏:0      [点我收藏+]

使用vue-wechat-title

npm网址如下:https://www.npmjs.com/package/vue-wechat-title

1、安装:

npm install vue-wechat-title --save

2、在main.js中引入

import VueWechatTitle from ‘vue-wechat-title‘;
Vue.use(VueWechatTitle);

3、在路由中添加对应的tittle

{
     path:‘/contact‘,
     name:‘contact‘,
     component:resolve => require([‘@/components/contact.vue‘],resolve),
     meta:{
       title:‘联系我们‘,
       keepAlive:false,
    }
},

4、在router-view 中绑定title

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

学习来源:https://www.jianshu.com/p/b980725b62e8

vue单页面动态修改网站title

原文:https://www.cnblogs.com/lijianshen/p/13521740.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!