成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue單頁面應(yīng)用中動態(tài)修改title

evin2016 / 671人閱讀

摘要:適用于微信各大瀏覽器首先執(zhí)行命令用法之后在全局入口處,引入然后在路由中首頁活動項目服務(wù)空間發(fā)現(xiàn)我的之后在各個組建中隨便一個標(biāo)簽中都可寫入想要動態(tài)的改變值,可以這樣寫

vue-weachat-title

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

適用于

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

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

首先執(zhí)行命令

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: "服務(wù)" },
    },
    {
      path: "/interspace",
      name: "Interspace",
      component: Interspace,
      meta: { title: "空間" },
    },
    {
      path: "/discover",
      name: "Discover",
      component: Discover,
      meta: { title: "發(fā)現(xiàn)" },
    },
    {
      path: "/my",
      name: "My",
      component: My,
      meta: { title: "我的" },
    },
  ]}
)

之后在各個組建中隨便一個標(biāo)簽中都可寫入

or/

想要動態(tài)的改變title值,可以這樣寫

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/92162.html

相關(guān)文章

  • 使用Vue快速開發(fā)應(yīng)用vue-router

    摘要:當(dāng)前路由對象調(diào)用此函數(shù)處理切換過程的下一步終止切換重定向到另一個路由由于是路由切換后,只有上面的兩個屬性。原文地址其他使用快速開發(fā)單頁應(yīng)用主體結(jié)構(gòu)使用快速開發(fā)單頁應(yīng)用使用快速開發(fā)單頁應(yīng)用登錄頁面使用快速開發(fā)單頁應(yīng)用功能組件與路由組件通信 本文所涉及代碼全在vue-cnode vue-router主要作用是將路由控制,轉(zhuǎn)移到前端。我們將會在vue-router里面保存一個路由表,在vue...

    mingde 評論0 收藏0
  • 前端框架_Vue

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

    qieangel2013 評論0 收藏0
  • Nuxt.js 基礎(chǔ)入門教程

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

    yedf 評論0 收藏0
  • 處理 Vue 頁面 SEO 的另一種思路

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

    shiweifu 評論0 收藏0

發(fā)表評論

0條評論

evin2016

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<