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

evin2016 發布于2019-08-22 11:18 / 663人閱讀

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

vue-weachat-title

======================================

適用于

1.微信
2.webview
3.各大瀏覽器
－－－－－－－－

demo: http://www.yahoo.com/

首先執行命令

vue2.x用法
npm install vue-wechat-title;

之后在main.js全局入口處，引入wechat-title

Vue.use(require("vue-wechat-title"));

然后在router路由中

export default new Router({
  routes: [
    {
      path: "/",
      redirect: "index",
    },
    {
      path: "/index",
      name: "Index",
      component: Index,
      meta: { title: "首頁" },
    },
    {
      path: "/project",
      name: "Project",
      component: Project,
      meta: { title: "活動項目" },
    },
    {
      path: "/service",
      name: "Service",
      component: Service,
      meta: { title: "服務" },
    },
    {
      path: "/interspace",
      name: "Interspace",
      component: Interspace,
      meta: { title: "空間" },
    },
    {
      path: "/discover",
      name: "Discover",
      component: Discover,
      meta: { title: "發現" },
    },
    {
      path: "/my",
      name: "My",
      component: My,
      meta: { title: "我的" },
    },
  ]}
)

之后在各個組建中隨便一個標簽中都可寫入

or/

想要動態的改變title值，可以這樣寫

云服務器 GPU云服務器單頁面應用動態服務器頁面應用 vue.js多頁面單頁面

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

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

使用Vue快速開發單頁應用－vue-router

摘要：當前路由對象調用此函數處理切換過程的下一步終止切換重定向到另一個路由由于是路由切換后，只有上面的兩個屬性。原文地址其他使用快速開發單頁應用主體結構使用快速開發單頁應用使用快速開發單頁應用登錄頁面使用快速開發單頁應用功能組件與路由組件通信本文所涉及代碼全在vue-cnode vue-router主要作用是將路由控制，轉移到前端。我們將會在vue-router里面保存一個路由表，在vue...

mingde 2019-08-20 10:29 評論0 收藏0
前端框架_Vue

摘要：如果沒有文件，則讀取文件夾下的或者。如果都都找不到，拋出錯誤。 JS表達式函數（方法）調用表達式 test() //函數調用表達式屬性調用表達式 var obj = {name:wt}; var arr = [123,bai]; obj.name //屬性調用表達式 arr[0] //屬性調用表達式變量（常量）調用表達式 let name = wutao; name ...

qieangel2013 2019-08-23 14:41 評論0 收藏0
Nuxt.js 基礎入門教程

摘要：原文鏈接開發一個單頁面應用，相信很多前端工程師都已經學會了，但是單頁面應用有一個致命的缺點，就是極不友好。基于它，我們可以快速開發一個基于的單頁面應用。只有數據流存在相關配置時可用。引入后，所有頁面均有效。原文鏈接 Vue 開發一個單頁面應用，相信很多前端工程師都已經學會了，但是單頁面應用有一個致命的缺點，就是 SEO 極不友好。除非，vue 能在服務端渲染（ssr）并直接返回已經渲...

yedf 2019-08-26 11:37 評論0 收藏0
處理 Vue 單頁面 SEO 的另一種思路

摘要：官方地址設置單頁面信息，如果需要單頁面，可以和形成更優的配合單頁面應用在前端正大放光彩。隨著單頁面應用的普及，人們在感受其帶來的完美的用戶體驗，極強的開發效率的同時，也似乎不可避免的要去處理的需求。 vue-meta-info 官方地址： https://github.com/monkeyWang... （設置vue 單頁面meta info信息，如果需要單頁面SEO，可以和 prer...

shiweifu 2019-08-01 17:35 評論0 收藏0