vue2 單頁面如何設置網頁title

ormsf 發布于2019-08-21 17:31 / 1771人閱讀

摘要：推薦使用插件下載安裝插件依賴在中引入插件在路由文件中給每個路由添加首頁標題設置在這里詳情頁標題設置在這里在中修改組件重啟試試，可以了

推薦使用vue-wechat-title插件

下載安裝插件依賴

npm install vue-wechat-title --save

在main.js中引入插件

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

在路由文件 index.js中給每個路由添加title

 routes: [{
    path: "/",
    name: "index",
    component: index,
    meta:{
        title:"首頁"  // 標題設置在這里
    }
  },{
    path:"/detail",
    name:"detail",
    component:detail,
    meta:{
        title:"詳情頁" // 標題設置在這里
    }
  }]

在app.vue中修改router-view組件

重啟試試，可以了

GPU云服務器云服務器網頁title標題設置title 如何給網頁設置cdn 單頁面

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89614.html

vue單頁面應用中動態修改title

摘要：適用于微信各大瀏覽器首先執行命令用法之后在全局入口處，引入然后在路由中首頁活動項目服務空間發現我的之后在各個組建中隨便一個標簽中都可寫入想要動態的改變值，可以這樣寫 vue-weachat-title ====================================== 適用于 1.微信 2.webview 3.各大瀏覽器－－－－－－－－ demo: http://www....

evin2016 2019-08-22 11:18 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0