当前位置: 首页 > 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))
}

http://www.lryc.cn/news/412053.html

相关文章:

  • Latex on overleaf入门语法
  • 使用Echarts来实现数据可视化
  • 一文搞懂GIT
  • jQuery入门(四)案例
  • 揭秘MITM攻击:原理、手法与防范措施
  • 【YOLOv8】一文全解+亮点介绍+训练教程+独家魔改优化技巧
  • 创建mvp ubo(uniform buffer object)
  • 1.GPIO
  • C++必修:STL之vector的了解与使用
  • 【MySQL】索引 【上】 {没有索引的查询/磁盘/mysql与磁盘IO/初识索引}
  • GO goroutine状态流转
  • DLMS/COSEM中的信息安全:DLMS/COSEM安全概念(上)
  • C语言第九天笔记
  • 智慧环卫可视化:科技赋能城市清洁管理
  • 【力扣】SQL题库练习5
  • 永结无间Ⅸ--你不需要LLM Agent
  • Simulink|基于粒子群算法的永磁同步电机多参数辨识
  • 程序如何自动点击亚马逊商户后台的“邀请评论”按钮
  • 大模型算法面试题(十八)
  • 手机在网状态接口如何对接?(二)
  • 力扣-3232. 判断是否可以赢得数字游戏
  • Table SQL connectors以及FileSystem、JDBC connector
  • Animate软件基础:“分散到图层”创建的新图层
  • ffmpeg命令-Windows下常用最全
  • 反序列化漏洞靶机实战-serial
  • 医疗器械产品没有互联网连接,就不适用于网络安全要求吗?
  • 可视掏耳勺安全吗?独家揭示六大风险弊病!
  • JavaScript 变量声明var、let、const
  • ipvlan: operation not supported 导致的POD不断重启
  • 组蛋白乳酸化和RNA甲基化如何联动?请大数据把这个思路推给科研人