Vue router2 0設定頁面的title

2021-09-17 05:40:15 字數 523 閱讀 5069

今天在用vue2.0+vue-router2.0寫spa的時候,遇到乙個功能:在跳到乙個文章詳情頁的時候,此時頁面的title要是文章的title,並且這個文章的title是非同步獲取的

在vue-router1.0的時候,還可以在router配置各個路由的時候給每個路由加上title屬性,就可以改變各個頁面的title了,不過到2.0的時候,,這個屬性好像並不起作用了。所以必須另外想辦法了

後來發現可以使用vue裡面的指令來解決:

具體使用:

如上所述,因為notedetaildata.title是非同步獲取的,,所以指令裡面使用的是update,

此外,由於其他頁面還是需要原來的title,所以,離開這個頁面的時候,要在指令中的unbind解除元素的繫結

Vue router2 0基礎,秒會。

如果不是模組式開發,請先引入 src script src script 1.0基礎to foo go to foorouter link to bar go to barrouter link p router view div 0.如果使用模組化機制程式設計,匯入vue和vuerouter,要呼...

初識 Vue Router2 0 路由

目錄第一次使用路由 什麼是 路由?vue的router外掛程式功能類似標籤,但更為強大的是可以實現不跳轉頁面通過呼叫元件模板來更新頁面內容 原理 頁面在渲染時將 router link 渲染成a標籤,通過to屬性指定連線url 這就像是 herf 之後再利用 router view 路由的出口,路由...

vue router頁面跳轉

vue router的教程位址 我們在建立專案的時候命令列如下 vue init webpack my project cd my project npm install npm run dev最新的專案已經自動安裝了vue router 下面介紹步驟 class tab class tab ite...