Main.vue

<template>
    <el-container>
        <el-aside style="background: black" width="200px">
            <a-menu mode="inline" theme="dark" @click="onClick">
                <a-menu-item :key="'/Main/DataRerun'">
                    <span>数据重跑</span>
                </a-menu-item>
                <a-menu-item :key="'/Main/DataRepair'">
                    <span>数据修补</span>
                </a-menu-item>
                <a-menu-item :key="'/Main/FeatureReExtract'">
                    <span>特征重提</span>
                </a-menu-item>
                <a-menu-item :key="'/Main/FeatureLibraryRebuild'">
                    <span>特征库重建</span>
                </a-menu-item>
                <a-menu-item :key="'/Main/PeopleReContrast'">
                    <span>人员重新比对</span>
                </a-menu-item>
                <a-menu-item :key="'/Main/SnapshotCluster'">
                    <span>抓拍聚类</span>
                </a-menu-item>
            </a-menu>
        </el-aside>
        <el-main>
            <router-view :key="$route.fullPath"></router-view>
        </el-main>
    </el-container>
</template>
<script>
import {defineComponent, ref} from 'vue'
import {useRouter} from 'vue-router'

export default defineComponent({
    setup() {
        const router = useRouter()

        const goto = function(path) {
            router.push(path)
        }

        const getOpeneds = function() {
            let result = []
            for (let i = 0; i < 1000; i++)
            {
                result.push(i)
            }
            return result
        }

        const onClick = function({key}) {
            router.push(
                `${key}`
            )
        }

        const initialize = function() {
            // log(accessedMenu)
        }

        initialize()

        return {
            // scalar
            // sequence
            // mapping
            // function
            goto,
            getOpeneds,
            onClick,
        }
    },
})
</script>
<style>
</style>