資訊專欄INFORMATION COLUMN
摘要：跟傳統(tǒng)的頁面可以在每個頁面分別設置填寫對應的頁面是單頁面應用項目想設置頁面對應的就不能跟傳統(tǒng)方式一樣了。
跟傳統(tǒng)的頁面可以在每個頁面分別設置填寫對應的頁面title,but,vue是單頁面應用項目,想設置頁面對應的title就不能跟傳統(tǒng)方式一樣了。
首先，找到之前配置好的路由文件，在對應頁面路由中添加如下配置即可：
meta: {
title: "我是頁面title" }
然后再main.js中的路由鉤子函數(shù)router.beforeEach添加
if (to.meta.title) {
document.title = to.meta.title }
說到路由添加meta配置，還有一個比較常用的是keepAlive，它可以設置頁面是否緩存，具體如下：
meta: {
keepAlive: true }
然后設置.vue文件的router-view
/啟用頁面緩存/
/頁面不緩存/
回到設置頁面title的話題
但是最近做過一個項目是基于vue的nuxt.js，路由是根據(jù)項目目錄結(jié)構(gòu)自動生成的，按之前的方法又行不通了，經(jīng)過探索發(fā)現(xiàn)，nuxt.js項目設置title也不難，只需在對應的.vue文件添加
即可
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/99076.html
摘要：注意重點是獲取更新后的就是在開發(fā)過程中有個需求是需要在階段操作數(shù)據(jù)更新后的節(jié)點這時候就需要用到就是用來知道什么時候更新完成原因在鉤子函數(shù)執(zhí)行的時候其實并未進行任何渲染，而此時進行操作無異于徒勞，所以在中一定要將操作的代碼放進的回調(diào)函數(shù)中。 1. 最簡單的vue el: dom節(jié)點 data: 數(shù)據(jù) Vue 測試實例 - 菜鳥教程(runoob.com) ...
摘要：動態(tài)組件如果我們打算在一個地方根據(jù)不同的狀態(tài)引用不同的組件的話，比如頁，那么給我們提供動態(tài)組件。實現(xiàn)動態(tài)組件的加載。的值可以是一個已經(jīng)注冊的組件的名字或者一個組件的選對象。 動態(tài)組件 如果我們打算在一個地方根據(jù)不同的狀態(tài)引用不同的組件的話，比如tab頁，那么Vue給我們提供動態(tài)組件。 基本使用 Parent.vue {{btn.name}} ...
閱讀 1285·2021-11-11 16:55
閱讀 1548·2021-10-08 10:16
閱讀 1205·2021-09-26 10:20
閱讀 3587·2021-09-01 10:47
閱讀 2465·2019-08-30 15:52
閱讀 2693·2019-08-30 13:18
閱讀 3204·2019-08-30 13:15
閱讀 1141·2019-08-30 10:55
