Vue插件——1.vue-wechat-title

帝博格T－bag

于 2018-09-30 11:38:28 发布

阅读量1.5k

点赞数

分类专栏： Vue

Vue 专栏收录该内容

22 篇文章

订阅专栏

本文详细介绍如何使用vue-wechat-title插件为Vue项目设置微信分享标题，包括安装配置、路由标题设置及组件修改等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.参考文档

1. https://www.npmjs.com/package/vue-wechat-title

2.https://www.jb51.net/article/127809.htm

2. 使用步骤

1.下载安装插件依赖

npm/cnpm install vue-wechat-title --save

2.在main.js中引入插件

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

3.在路由文件 index.js中给每个路由添加title

routes: [{
 path: '/',
 name: 'index',
 component: index,
 meta:{
   title:'首页' // 标题设置在这里
 }
},{
 path:'/detail',
 name:'detail',
 component:detail,
 meta:{
   title:'详情页' // 标题设置在这里
 }
}]

4.在app.vue中修改router-view组件

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