vue 改变HTML title,解决Vue单页面应用中动态修改title问题_七喜_前端开发者

详细信息查看：

解决问题：

1、Vuejs 单页应用在iOS系统下部分APP的webview中 标题不能通过 document.title = xxx 的方式修改 该插件只为解决该问题而生(兼容安卓)

2、在

安装

npm install

用法

1、在main.

import VueWechatTitle from '

2、在路由文件 index.

routes: [{

path: '/',

name: 'JmCon',

component: JmCon,

meta:{

keepAlive: true

}

}, {

path: '/detail',

name: 'TopicDetail',

component: TopicDetail,

meta:{

title: '着迷网话题详情页',

keepAlive: false

}

}

]

3、在 app.

在各个组件中随便一个标签中都可写入

或者

若想要动态改变title值：

自定义加载的图片地址 默认是 ./favicon.ico 可以是相对或者绝对的

汇总：

在详情页中使用，根据不同的文章内容，分享出去的文章标题和图片都不同