从品牌网站建设到网络营销策划,从策略到执行的一站式服务
详细信息查看:vue-weachat-title
铜山网站制作公司哪家好,找成都创新互联公司!从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作,到程序开发,运营维护。成都创新互联公司成立于2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。
解决问题:
1、Vuejs 单页应用在iOS系统下部分APP的webview中 标题不能通过 document.title = xxx 的方式修改 该插件只为解决该问题而生(兼容安卓)
2、在vue单页面中,通过浏览器分享到QQ、微信等应用中的链接,只有一个首页标题和默认icon图片
已测试:APP 微信 QQ 支付宝 淘宝
安装
npm install vue-wechat-title --save
用法
1、在main.js中引入
import VueWechatTitle from '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 可以是相对或者绝对的
汇总:
在详情页中使用,根据不同的文章内容,分享出去的文章标题和图片都不同
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图