伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

vue單頁(yè)面標(biāo)題設(shè)置 title

2019-8-9    seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

推薦使用 vue-wechat-title

vue-wechat-title作用
Vuejs 單頁(yè)應(yīng)用在iOS系統(tǒng)下部分APP的webview中 標(biāo)題不能通過 document.title = xxx 的方式修改 該插件只為解決該問題而生(兼容安卓)

已測(cè)試APP 
微信 
QQ 
支付寶 
淘寶

安裝
npm install vue-wechat-title --save
1
用法
1,在 main.js 中引入
import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)
1
2
2,在路由文件 index.js 中給每個(gè)路由添加 title
// 掛載路由
const router =  new Router({
   mode: 'history',
   routes:[
        {
          path: '/',
          name: 'Index',
          component: Index,
          meta: {
            title: '首頁(yè)'   // 標(biāo)題設(shè)置
          }
        },
        {
          path: '/lists',
          name: 'Lists',
          component: Lists,
          meta: {
            title: '列表'  // 標(biāo)題設(shè)置
          }
        }
     ]
});

3,在 app.vue 中修改 router-view 組件
<router-view v-wechat-title='$route.meta.title'></router-view>
1
自定義加載的圖片地址 默認(rèn)是 ./favicon.ico 可以是相對(duì)或者絕對(duì)的

<div v-wechat-title="$route.meta.title" img-set="/static/logo.png"></div>
1
ok !重啟看看

藍(lán)藍(lán)設(shè)計(jì)cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔

芜湖县| 姚安县| 合阳县| 通江县| 静安区| 江都市| 三河市| 延川县| 吉安市| 晋州市| 泉州市| 朝阳市| 郧西县| 广德县| 都江堰市| 元阳县| 黔江区| 静乐县| 衡山县| 山东| 盘锦市| 秦安县| 色达县| 温宿县| 宜兴市| 汝州市| 潮安县| 黔东| 黑龙江省| 绥滨县| 涟水县| 凌源市| 旅游| 汉源县| 剑河县| 河池市| 汉川市| 绩溪县| 额敏县| 阿勒泰市| 武功县|