解决vue单页面应用中动态修改title问题
详细信息查看:vue-weachat-title
解决问题:
1、Vuejs单页应用在iOS系统下部分APP的webview中标题不能通过document.title=xxx的方式修改该插件只为解决该问题而生(兼容安卓)
2、在vue单页面中,通过浏览器分享到QQ、微信等应用中的链接,只有一个首页标题和默认icon图片
已测试:APP微信QQ支付宝淘宝
安装
npminstallvue-wechat-title--save
用法
1、在main.js中引入
importVueWechatTitlefrom'vue-wechat-title' Vue.use(VueWechatTitle)
2、在路由文件index.js中给需要的路由添加title
routes:[{ path:'/', name:'JmCon', component:JmCon, meta:{ keepAlive:true } },{ path:'/detail', name:'TopicDetail', component:TopicDetail, meta:{ title:'着迷网话题详情页', keepAlive:false } } ]
3、在app.vue中修改router-view组件
在各个组件中随便一个标签中都可写入
或者
若想要动态改变title值:
自定义加载的图片地址默认是./favicon.ico可以是相对或者绝对的