Quasar
Layout Page
QLayout must contain page content. If you haven’t already, please read QLayout documentation page first.
Installation
Edit /quasar.conf.js:framework: {
components: [
'QPageContainer',
'QPage'
]
}
Basic Usage
A QPage must be encapsulated by QPageContainer, which in turn must be a child of QLayout.
<q-layout> |
Usually, the QPageContainer is part of the Layout template (where it contains a <router-view /> child only), and its content goes into separate vue files under /src/pages. If you haven’t already, please read Integrating Layout with Router.
<!-- vue file for Layout: --> |
QPage Vue Properties
| Vue Property | Type | Description |
|---|---|---|
padding |
Boolean | Adds a default dynamic padding to the page. |