国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue項目動態設置頁面title及是否緩存頁面

syoya / 3269人閱讀

摘要：跟傳統的頁面可以在每個頁面分別設置填寫對應的頁面是單頁面應用項目想設置頁面對應的就不能跟傳統方式一樣了。

跟傳統的頁面可以在每個頁面分別設置填寫對應的頁面title,but,vue是單頁面應用項目,想設置頁面對應的title就不能跟傳統方式一樣了。

首先，找到之前配置好的路由文件，在對應頁面路由中添加如下配置即可：
meta: {

   title: "我是頁面title"
 }

然后再main.js中的路由鉤子函數router.beforeEach添加

if (to.meta.title) {

   document.title = to.meta.title
 }

說到路由添加meta配置，還有一個比較常用的是keepAlive，它可以設置頁面是否緩存，具體如下：
meta: {

   keepAlive: true
 }

然后設置.vue文件的router-view


/啟用頁面緩存/

/頁面不緩存/

回到設置頁面title的話題
但是最近做過一個項目是基于vue的nuxt.js，路由是根據項目目錄結構自動生成的，按之前的方法又行不通了，經過探索發現，nuxt.js項目設置title也不難，只需在對應的.vue文件添加

即可

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

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

相關文章

  • 前端面試--vue

    摘要：注意重點是獲取更新后的就是在開發過程中有個需求是需要在階段操作數據更新后的節點這時候就需要用到就是用來知道什么時候更新完成原因在鉤子函數執行的時候其實并未進行任何渲染，而此時進行操作無異于徒勞，所以在中一定要將操作的代碼放進的回調函數中。 1. 最簡單的vue el: dom節點 data: 數據 Vue 測試實例 - 菜鳥教程(runoob.com) ...

    coordinate35 評論0 收藏0

  • Vue動態組件和異步組件

    摘要：動態組件如果我們打算在一個地方根據不同的狀態引用不同的組件的話，比如頁，那么給我們提供動態組件。實現動態組件的加載。的值可以是一個已經注冊的組件的名字或者一個組件的選對象。 動態組件 如果我們打算在一個地方根據不同的狀態引用不同的組件的話，比如tab頁，那么Vue給我們提供動態組件。 基本使用 Parent.vue {{btn.name}} ...

    nanchen2251 評論0 收藏0

  • VUE知識點集錦

    摘要：載入前后在階段，實例的和都初始化了，但還是掛載之前為虛擬的節點，還未替換。類似于，不同在于提交的是，而不是直接變更狀態可以包含任意異步操作。 vue基礎 1、 router 路由與 a 標簽的區別：https://www.jianshu.com/p/34b...2、 VUE雙向綁定的原理： 答：VUE實現雙向數據綁定的原理就是利用了 Object.defineProperty() 這個...

    Tecode 評論0 收藏0

  • VUE知識點集錦

    摘要：載入前后在階段，實例的和都初始化了，但還是掛載之前為虛擬的節點，還未替換。類似于，不同在于提交的是，而不是直接變更狀態可以包含任意異步操作。 vue基礎 1、 router 路由與 a 標簽的區別：https://www.jianshu.com/p/34b...2、 VUE雙向綁定的原理： 答：VUE實現雙向數據綁定的原理就是利用了 Object.defineProperty() 這個...

    APICloud 評論0 收藏0

發表評論

0條評論

syoya

男|高級講師

TA的文章

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