当前位置: 首页 > news >正文

vue3 动态加载组件

//模版调用
<component :is="geticon(item.icon)" />//引入
import { ref, onMounted, markRaw, defineAsyncComponent } from 'vue';//异步添加icon图标组建
function geticon(params) {const modules = import.meta.glob('../components/icons/*.vue');const link = modules[`../components/icons/${params}.vue`]return markRaw(defineAsyncComponent(link))
}

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • web文件上传与下载
  • 【附安装包】CentOS7(Linux)详细安装教程(手把手图文详解版)
  • Selenium 无法定位元素的几种解决方案
  • masscan 端口扫描——(Golang 简单使用总结)
  • playbooks 分布式部署 LNMP
  • 创新食堂管理:采购系统源码与供应链APP开发详解
  • 前后端demo-WarehouseManagement
  • 模板方法模式:Perl中定义算法骨架的艺术
  • 【致远互联FE协作办公平台 codeMoreWidget SQL注入】复现
  • 算法训练1
  • 2024-08-01 QML开发小技巧二
  • 华为OD应聘最全流程!!!
  • python初涉
  • memos content too long
  • 玩机进阶教程-----手机恢复出厂 误删除照片视频 误刷机后 几种数据恢复操作步骤解析【一】
  • 【Under-the-hood-ReactJS-Part0】React源码解读
  • 【跃迁之路】【585天】程序员高效学习方法论探索系列(实验阶段342-2018.09.13)...
  • Angularjs之国际化
  •  D - 粉碎叛乱F - 其他起义
  • Python利用正则抓取网页内容保存到本地
  • vue2.0项目引入element-ui
  • 阿里云应用高可用服务公测发布
  • 发布国内首个无服务器容器服务,运维效率从未如此高效
  • 关于extract.autodesk.io的一些说明
  • 基于遗传算法的优化问题求解
  • 来,膜拜下android roadmap,强大的执行力
  • 前嗅ForeSpider中数据浏览界面介绍
  • 实现简单的正则表达式引擎
  • 无服务器化是企业 IT 架构的未来吗?
  • 写代码的正确姿势
  • 追踪解析 FutureTask 源码
  • FaaS 的简单实践
  • Nginx实现动静分离
  • ​iOS安全加固方法及实现
  • # Spring Cloud Alibaba Nacos_配置中心与服务发现(四)
  • #HarmonyOS:Web组件的使用
  • #systemverilog# 之 event region 和 timeslot 仿真调度(十)高层次视角看仿真调度事件的发生
  • #数据结构 笔记三
  • #我与Java虚拟机的故事#连载12:一本书带我深入Java领域
  • (2024.6.23)最新版MAVEN的安装和配置教程(超详细)
  • (附源码)spring boot车辆管理系统 毕业设计 031034
  • (蓝桥杯每日一题)平方末尾及补充(常用的字符串函数功能)
  • (六)Hibernate的二级缓存
  • (三)Kafka离线安装 - ZooKeeper开机自启
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (淘宝无限适配)手机端rem布局详解(转载非原创)
  • (一)插入排序
  • .[backups@airmail.cc].faust勒索病毒的最新威胁:如何恢复您的数据?
  • .mysql secret在哪_MySQL如何使用索引
  • .net core 源码_ASP.NET Core之Identity源码学习
  • .net web项目 调用webService
  • @DependsOn:解析 Spring 中的依赖关系之艺术
  • [ vulhub漏洞复现篇 ] struts2远程代码执行漏洞 S2-005 (CVE-2010-1870)
  • [\u4e00-\u9fa5] //匹配中文字符
  • [5] CUDA线程调用与存储器架构