Nuxt預設模板 預設布局和自定義錯誤頁面

2021-10-05 21:09:49 字數 1007 閱讀 7661

通常用於一些有固定格式的** 比如一些**的頭部和底部都是一樣的 此時即可使用預設模板

lang

="en"

>

>

}head

>

>

>

測試1p

>

>

測試2p

>

body

>

html

>

重啟伺服器 即可顯示效果

同樣 刪除預設模板也需要重啟伺服器才可生效

預設布局和預設模板的區別是 預設布局只能修改標籤內的布局 而預設模板能修改整個頁面

layouts/default.vue裡設定預設布局:

>

>

>

測試1p

>

/>

>

測試2p

>

div>

template

>

layouts/error.vue裡定義錯誤頁面:

當進入錯誤頁面缺省會傳入乙個error物件 用props接收 用v-ifv-else進行狀態碼的判斷

>

>

v-if

="error.statuscode === 404"

>

頁面不存在h1

>

v-else

>

頁面發生了乙個錯誤h1

>

"/">

返回首頁nuxt-link

>

div>

template

>

>

export

default

script

>

swing預設布局

在awt swing中,如果沒有指明layout,則預設的是flowlayout 但是對於frame,window,dialog而言,他們的預設布局就是borderlayout 對於jpanel jp new jpanel 的情況,卻又是flowlayout 了 很多變。當我們知道frame預設是b...

CSDN預設模板

建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能,豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 字型顏色和大小的設定 全新的介面設計,將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式,markdown將 片顯示選擇的高亮樣式進行...

預設布局換行 Flex布局教程

本篇為學習筆記。內容來自網路。布局的傳統解決方案,基於盒狀模型,依賴 display 屬性 position 屬性 float 屬性。它對於那些特殊布局非常不方便,比如,垂直居中就不容易實現。flexbox 是一種一維的布局,是因為乙個 flexbox 一次只能處理乙個維度上的元素布局,一行或者一列...