mirror of
https://github.com/soybeanjs/soybean-admin.git
synced 2025-09-22 11:36:37 +08:00
29 lines
821 B
Vue
29 lines
821 B
Vue
<template>
|
||
<n-space :vertical="true" :size="16">
|
||
<n-card title="Tab Detail" :bordered="false" size="small" class="shadow-sm rounded-16px">
|
||
<n-space :vertical="true" :size="12">
|
||
<div>当前路由的描述数据(meta)：</div>
|
||
<div>{{ route.meta }}</div>
|
||
<div>当前路由的查询数据(query)：</div>
|
||
<div>{{ route.query }}</div>
|
||
<n-button @click="handleToTab">返回Tab</n-button>
|
||
</n-space>
|
||
</n-card>
|
||
</n-space>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { useRoute } from 'vue-router';
|
||
import { routeName } from '@/router';
|
||
import { useRouterPush } from '@/composables';
|
||
|
||
const route = useRoute();
|
||
const { routerPush } = useRouterPush();
|
||
|
||
function handleToTab() {
|
||
routerPush({ name: routeName('function_tab') });
|
||
}
|
||
</script>
|
||
|
||
<style scoped></style>
|