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

資訊專欄INFORMATION COLUMN

動態(tài)設(shè)置html的title

BearyChat / 1269人閱讀

摘要：使用前端框架做，竟然丟棄了很多和的東西了。。動態(tài)設(shè)置的方法使用的自定義指令很簡單設(shè)置路由不同的首頁個人中心完。

使用vue前端框架做，竟然丟棄了很多javascript和html的東西了。。
動態(tài)設(shè)置title的方法：

1.使用vue的自定義指令

{{htmltitle}}

...
directives: {
  title: {
      inserted: function (el, binding) {
          document.title = el.innerText
          el.remove()
      }
  }
}

2.很簡單

// 設(shè)置html title
document.title = sessionStorage.getItem("title")

3.router路由不同的title

...
routes: [
        {
            path: "/index",
            name: "index",
            component: index,
            meta:{
                title:"首頁"
            }
        },
        {
            path: "/user",
            name: "user",
            component: user,
            meta:{
                title:"個人中心"
            }
        }
    ]
...
router.beforeEach((to, from, next) => {
    if (to.meta.title) {
        document.title = to.meta.title
    }
    next()
})

2018-10-25
完。

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

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

相關(guān)文章

  • js動態(tài)修改瀏覽器title

    摘要：舉個栗子恢復(fù)正常了快回來頁面崩潰了我們在瀏覽器取得了焦點(diǎn)和失去焦點(diǎn)的時候改變的值，可以發(fā)現(xiàn)切換瀏覽器選項(xiàng)卡的時候，發(fā)生了改變。 title在html中屬于特殊的節(jié)點(diǎn)元素.因?yàn)樗梢允褂胐ocument.getElementsByTagName(title)[0]來獲取網(wǎng)頁的title標(biāo)簽,但卻無法用document.getElementsByTagName(title)[0].inne...

    LdhAndroid 評論0 收藏0

  • Angular 2+ 監(jiān)聽路由變化動態(tài)設(shè)置頁面標(biāo)題

    摘要：今天我們實(shí)現(xiàn)單頁面應(yīng)用中路由變化設(shè)置頁面標(biāo)題，來優(yōu)化用戶的用戶體驗(yàn)。在中，解決起來要比容易得多，我們可以通過注入一個，在路由變化事件中使用提供的來動態(tài)更新頁面標(biāo)題。 現(xiàn)在很多web網(wǎng)站都采用了SPA單頁應(yīng)用，單頁面有很多優(yōu)點(diǎn)：用戶體驗(yàn)好、應(yīng)用響應(yīng)快、對服務(wù)器壓力小 等等。同時也有一些缺點(diǎn)：首次加載資源太多，不利于SEO，前進(jìn)、后退、地址欄需要手動管理。今天我們實(shí)現(xiàn)Angular單頁面應(yīng)...

    entner 評論0 收藏0

  • React項(xiàng)目動態(tài)設(shè)置title標(biāo)題

    摘要：在搭建的項(xiàng)目中頁面的是直接寫在入口中，當(dāng)路由在切換不用頁面時，是不會動態(tài)變化的。這是自定義的標(biāo)題在路由的獲取到自定義的設(shè)置頁面標(biāo)題即可。 在React搭建的SPA項(xiàng)目中頁面的title是直接寫在入口index.html中，當(dāng)路由在切換不用頁面時，title是不會動態(tài)變化的。那么怎么讓title隨著路由的切換動態(tài)變化呢？1.在定義路由時增加title屬性。 { p...

    sherlock221 評論0 收藏0

  • [js高手之路]深入淺出webpack教程系列4-插件使用之html-webpack-plugin配

    摘要：還記得我們上文中的文件嗎那里面的標(biāo)簽還是寫死的文件，那么怎么把他們變成動態(tài)的文件，這個動態(tài)生成的文件會動態(tài)引入我們打包后生成的文件呢，我們可以使用插件，首先安裝這個插件，好的，接下來就開始用這個插件了官方參考文檔插件通用用法 還記得我們上文中的index.html文件嗎? 那里面的script標(biāo)簽還是寫死的index.bundle.js文件，那么怎么把他們變成動態(tài)的index.html...

    qpal 評論0 收藏0

發(fā)表評論

0條評論

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