ruoyi-vue-pro 页面嵌入其他列表页

在开发中，有时需要引入其他功能的列表页，这样可以直接展示，不需要再增加额外的代码。

像下面的代码：

留意导入的名称与源文件定义的一致，如 defineOptions({ name: ‘StatisticsCompanyBlacklist’ })。

之后就可以像使用组件一样直接使用，是不是很方便。

<template>
    <el-tabs type="border-card" class="demo-tabs">
        <el-tab-pane label="承包商黑名单">
            <StatisticsCompanyBlacklist />
        </el-tab-pane>
        <el-tab-pane label="人员黑名单">
            <StatisticsUserBlacklist />
        </el-tab-pane>
    </el-tabs>
</template>

<script setup lang="ts">
import StatisticsCompanyBlacklist from '@/views/system/groupblacklist/company.vue'
import StatisticsUserBlacklist from '@/views/system/groupblacklist/user.vue'

defineOptions({ name: 'StatisticsBlacklist' })

const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
</script>

相关文章：