chore: update demo
This commit is contained in:
@@ -29,12 +29,24 @@ const routes: RouteRecordRaw[] = [
|
||||
{
|
||||
name: 'Menu2',
|
||||
path: 'menu2',
|
||||
component: () => import('@/views/nested/menu-2.vue'),
|
||||
meta: {
|
||||
icon: 'ic:round-menu',
|
||||
keepAlive: true,
|
||||
title: $t('page.nested.menu2'),
|
||||
},
|
||||
redirect: '/nested/menu2/menu2-1',
|
||||
children: [
|
||||
{
|
||||
name: 'Menu21',
|
||||
path: 'menu2-1',
|
||||
component: () => import('@/views/nested/menu-2-1.vue'),
|
||||
meta: {
|
||||
icon: 'ic:round-menu',
|
||||
keepAlive: true,
|
||||
title: $t('page.nested.menu21'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Menu3',
|
||||
|
@@ -1,16 +1,9 @@
|
||||
<script lang="ts" setup>
|
||||
import { onMounted } from 'vue';
|
||||
import { Fallback } from '@vben/universal-ui';
|
||||
|
||||
defineOptions({ name: 'Menu1' });
|
||||
|
||||
onMounted(() => {
|
||||
// eslint-disable-next-line no-console
|
||||
console.log('Menu1');
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-5">
|
||||
menu1
|
||||
<input class="bg-background border-border" />
|
||||
</div>
|
||||
<Fallback status="hello" />
|
||||
</template>
|
||||
|
9
apps/web-antd/src/views/nested/menu-2-1.vue
Normal file
9
apps/web-antd/src/views/nested/menu-2-1.vue
Normal file
@@ -0,0 +1,9 @@
|
||||
<script lang="ts" setup>
|
||||
import { Fallback } from '@vben/universal-ui';
|
||||
|
||||
defineOptions({ name: 'Menu21' });
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Fallback status="hello" />
|
||||
</template>
|
@@ -1,16 +0,0 @@
|
||||
<script lang="ts" setup>
|
||||
import { onMounted } from 'vue';
|
||||
|
||||
defineOptions({ name: 'Menu2' });
|
||||
|
||||
onMounted(() => {
|
||||
// eslint-disable-next-line no-console
|
||||
console.log('Menu2');
|
||||
});
|
||||
</script>
|
||||
<template>
|
||||
<div class="p-5">
|
||||
menu2
|
||||
<input class="bg-background border-border" />
|
||||
</div>
|
||||
</template>
|
@@ -1,15 +1,9 @@
|
||||
<script lang="ts" setup>
|
||||
import { onMounted } from 'vue';
|
||||
import { Fallback } from '@vben/universal-ui';
|
||||
|
||||
defineOptions({ name: 'Menu31' });
|
||||
onMounted(() => {
|
||||
// eslint-disable-next-line no-console
|
||||
console.log('Menu3-1');
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-5">
|
||||
Menu3-1
|
||||
<input class="bg-background border-border" />
|
||||
</div>
|
||||
<Fallback status="hello" />
|
||||
</template>
|
||||
|
@@ -1,15 +1,9 @@
|
||||
<script lang="ts" setup>
|
||||
import { onMounted } from 'vue';
|
||||
import { Fallback } from '@vben/universal-ui';
|
||||
|
||||
defineOptions({ name: 'Menu321' });
|
||||
onMounted(() => {
|
||||
// eslint-disable-next-line no-console
|
||||
console.log('Menu3-2-1');
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-5">
|
||||
menu-3-2-1
|
||||
<input class="bg-background border-border" />
|
||||
</div>
|
||||
<Fallback status="hello" />
|
||||
</template>
|
||||
|
Reference in New Issue
Block a user