vue 批量引入组件并使用conponent的is属性渲染出来

最新推荐文章于 2024-04-17 16:22:18 发布

勾勾g

最新推荐文章于 2024-04-17 16:22:18 发布

阅读量290

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_44114279/article/details/130723859

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

引用部分 conponent

<component   :is="domComp[item.nodeType]"/>
import domComp from '../compontents/index'

indexjs文件

import { defineAsyncComponent } from "vue";
let comps = {};

const modules = import.meta.glob('./*.vue')

for (const path in modules) {
    let cname = path.replace('./','').replace('.vue','')
    // @ts-ignore
    comps[cname] = defineAsyncComponent(modules[path])

}
export default comps