mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-24 22:55:13 +00:00
b90d286631
Co-authored-by: HomWang <516310460@qq.com>
30 lines
809 B
Vue
30 lines
809 B
Vue
<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>
|
|
</template>
|