mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 16:43:55 +00:00
33 lines
602 B
Vue
33 lines
602 B
Vue
<template>
|
|
<div class="p-4">
|
|
Custom layout defined dynamically with the <code>NuxtLayout</code> component
|
|
<br>
|
|
<NuxtLayout :name="layout">
|
|
Default slot
|
|
<br>
|
|
<button class="border p-1 rounded" @click="layout ? layout = null : layout = 'custom'">
|
|
Switch layout
|
|
</button>
|
|
|
|
<template #header>
|
|
Header slot
|
|
</template>
|
|
</NuxtLayout>
|
|
<br>
|
|
<NuxtLink to="/">
|
|
Back to home
|
|
</NuxtLink>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
definePageMeta({
|
|
layout: false
|
|
})
|
|
export default {
|
|
data: () => ({
|
|
layout: 'custom'
|
|
})
|
|
}
|
|
</script>
|