Nuxt/examples/routing/layouts/pages/dynamic.vue

33 lines
593 B
Vue
Raw Normal View History

2021-06-30 16:32:22 +00:00
<template>
<div class="p-4">
Custom layout defined dynamically with the <code>NuxtLayout</code> component
<br>
2021-06-30 16:32:22 +00:00
<NuxtLayout :name="layout">
Default slot
<br>
<button class="border p-1 rounded" @click="layout = layout ? null : 'custom'">
2021-06-30 16:32:22 +00:00
Switch layout
</button>
<template #header>
Header slot
</template>
</NuxtLayout>
<br>
2021-06-30 16:32:22 +00:00
<NuxtLink to="/">
Back to home
</NuxtLink>
</div>
</template>
<script>
definePageMeta({
layout: false
})
2021-06-30 16:32:22 +00:00
export default {
data: () => ({
layout: 'custom'
})
}
</script>