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

30 lines
809 B
Vue
Raw Normal View History

2021-06-30 16:32:22 +00:00
<template>
<NuxtExampleLayout example="routing/layouts">
<template #nav>
<nav class="flex align-center gap-4 p-4">
<NuxtLink to="/default">
Default layout
</NuxtLink>
<NuxtLink to="/custom">
Custom layout
</NuxtLink>
<NuxtLink to="/dynamic">
Dynamic layout
</NuxtLink>
<NuxtLink to="/other">
Other layout
</NuxtLink>
<NButton @click="setPageLayout('default')">
Change to default layout
</NButton>
<NButton @click="setPageLayout('custom')">
Change to custom layout
</NButton>
<NButton @click="setPageLayout('other')">
Change to other layout
</NButton>
</nav>
</template>
</NuxtExampleLayout>
2021-06-30 16:32:22 +00:00
</template>