資訊專欄INFORMATION COLUMN
摘要：跟傳統(tǒng)的頁(yè)面可以在每個(gè)頁(yè)面分別設(shè)置填寫對(duì)應(yīng)的頁(yè)面是單頁(yè)面應(yīng)用項(xiàng)目想設(shè)置頁(yè)面對(duì)應(yīng)的就不能跟傳統(tǒng)方式一樣了。
跟傳統(tǒng)的頁(yè)面可以在每個(gè)頁(yè)面分別設(shè)置填寫對(duì)應(yīng)的頁(yè)面title,but,vue是單頁(yè)面應(yīng)用項(xiàng)目,想設(shè)置頁(yè)面對(duì)應(yīng)的title就不能跟傳統(tǒng)方式一樣了。
首先，找到之前配置好的路由文件，在對(duì)應(yīng)頁(yè)面路由中添加如下配置即可：
meta: {
title: "我是頁(yè)面title" }
然后再main.js中的路由鉤子函數(shù)router.beforeEach添加
if (to.meta.title) {
document.title = to.meta.title }
說(shuō)到路由添加meta配置，還有一個(gè)比較常用的是keepAlive，它可以設(shè)置頁(yè)面是否緩存，具體如下：
meta: {
keepAlive: true }
然后設(shè)置.vue文件的router-view
/啟用頁(yè)面緩存/
/頁(yè)面不緩存/
回到設(shè)置頁(yè)面title的話題
但是最近做過(guò)一個(gè)項(xiàng)目是基于vue的nuxt.js，路由是根據(jù)項(xiàng)目目錄結(jié)構(gòu)自動(dòng)生成的，按之前的方法又行不通了，經(jīng)過(guò)探索發(fā)現(xiàn)，nuxt.js項(xiàng)目設(shè)置title也不難，只需在對(duì)應(yīng)的.vue文件添加
即可
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/99076.html
摘要：注意重點(diǎn)是獲取更新后的就是在開發(fā)過(guò)程中有個(gè)需求是需要在階段操作數(shù)據(jù)更新后的節(jié)點(diǎn)這時(shí)候就需要用到就是用來(lái)知道什么時(shí)候更新完成原因在鉤子函數(shù)執(zhí)行的時(shí)候其實(shí)并未進(jìn)行任何渲染，而此時(shí)進(jìn)行操作無(wú)異于徒勞，所以在中一定要將操作的代碼放進(jìn)的回調(diào)函數(shù)中。 1. 最簡(jiǎn)單的vue el: dom節(jié)點(diǎn) data: 數(shù)據(jù) Vue 測(cè)試實(shí)例 - 菜鳥教程(runoob.com) ...
摘要：動(dòng)態(tài)組件如果我們打算在一個(gè)地方根據(jù)不同的狀態(tài)引用不同的組件的話，比如頁(yè)，那么給我們提供動(dòng)態(tài)組件。實(shí)現(xiàn)動(dòng)態(tài)組件的加載。的值可以是一個(gè)已經(jīng)注冊(cè)的組件的名字或者一個(gè)組件的選對(duì)象。 動(dòng)態(tài)組件 如果我們打算在一個(gè)地方根據(jù)不同的狀態(tài)引用不同的組件的話，比如tab頁(yè)，那么Vue給我們提供動(dòng)態(tài)組件。 基本使用 Parent.vue {{btn.name}} ...
摘要：載入前后在階段，實(shí)例的和都初始化了，但還是掛載之前為虛擬的節(jié)點(diǎn)，還未替換。類似于，不同在于提交的是，而不是直接變更狀態(tài)可以包含任意異步操作。 vue基礎(chǔ) 1、 router 路由與 a 標(biāo)簽的區(qū)別：https://www.jianshu.com/p/34b...2、 VUE雙向綁定的原理： 答：VUE實(shí)現(xiàn)雙向數(shù)據(jù)綁定的原理就是利用了 Object.defineProperty() 這個(gè)...
摘要：載入前后在階段，實(shí)例的和都初始化了，但還是掛載之前為虛擬的節(jié)點(diǎn)，還未替換。類似于，不同在于提交的是，而不是直接變更狀態(tài)可以包含任意異步操作。 vue基礎(chǔ) 1、 router 路由與 a 標(biāo)簽的區(qū)別：https://www.jianshu.com/p/34b...2、 VUE雙向綁定的原理： 答：VUE實(shí)現(xiàn)雙向數(shù)據(jù)綁定的原理就是利用了 Object.defineProperty() 這個(gè)...
閱讀 1344·2021-11-11 16:55
閱讀 1630·2021-10-08 10:16
閱讀 1272·2021-09-26 10:20
閱讀 3673·2021-09-01 10:47
閱讀 2523·2019-08-30 15:52
閱讀 2745·2019-08-30 13:18
閱讀 3265·2019-08-30 13:15
閱讀 1206·2019-08-30 10:55
