<template>
<component :is="typeComponentMap[componentId]"></component>
</template>
<script setup lang="ts">
import { useRoute } from 'vue-router'
import componentA from '引入组件'
import componentB from '引入组件'
const route = useRoute()
const componentId = route.params.type
//注意 这里写的是变量 componentA 而不是字符串 'componentA'
const typeComponentMap = { componentA, componentB }
</script>
<style lang="scss" scoped></style>
vue3 component组件动态is匹配组件
最新推荐文章于 2024-04-02 16:40:42 发布