dootask/resources/assets/js/pages/single/apps.vue

<template>
    <MicroApps ref="app" window-type="popout"/>
</template>

<script>
import MicroApps from "../../components/MicroApps";

export default {
    components: { MicroApps },

    async mounted() {
        const {name} = this.$route.params;
        if (!name) {
            $A.modalError("应用不存在");
            return
        }

        // iframe 测试
        if (name === 'iframe-test') {
            const {url} = this.$route.query;
            if (!url) {
                $A.modalError("URL不能为空");
                return
            }
            await this.$refs.app.onOpen({
                id: 'iframe-test',
                name: 'iframe-test',
                url: url,
                url_type: 'iframe',
                transparent: true,
                keep_alive: false,
            })
            return
        }

        const app = (await $A.IDBArray("cacheMicroApps")).reverse().find(item => item.name === name);
        if (!app) {
            $A.modalError("应用不存在");
            return
        }

        await this.$refs.app.onOpen(app)
    }
}
</script>