动态生成icon图标

效果：

icon.tsimport { createVNode } from 'vue';
import * as $Icon from '@ant-design/icons-vue';export const Icon = (props) => {const { icon } = props;return createVNode($Icon[icon]);
};

数据传入icon图标

  {icon: "PlusOutlined",event: "openAddStandardFrom",label: "添加",opType: "add",},

vue中引入

import { Icon } from "../icon";export default defineComponent({components: { Icon }
})

  <Icon v-if="treeAction.icon" :icon="treeAction.icon" />

动态生成icon图标相关推荐

Vue3+TS + element-plus 项目动态生成Icon图标
1,使用文档原话:如果你想像用例一样直接使用,你需要全局注册组件,才能够直接在项目里使用在main.ts中先导入 import * as Icons from '@element-plus/ico ...
生成icon图标 1005 html 左上角icon图标
生成icon图标 1005 生成一个图片生成方式随意可截图可ps 可在线生成利用工具生成icon ICO图标在线生成 https://tool.520101.com/diannao/ico/ ...
Vue3使用element-plus1.3.0版本的el-menu菜单组件引入动态渲染icon图标时，图标组件刚好是Menu时报错，菜单不显示的解决方法
目前在升级前端框架,UI组件element-plus升级到了目前最新的1.3.0beta8版本,图标也换成了官方提供的SvgIcon图标,官方提供了组件导入的方式使用图标.而我的图标是全局导入的,默认 ...
Naive 组件库动态渲染icon图标
使用Naive组件库默认你已经安装了对应的icon图标库没有安装的参考链接安装点击传送 Naive组件动态渲染Icon图标主要是使用 component Vue内置组件来渲染对应的icon组件, ...
vb.net下，生成icon图标文件，图像格式为bmp，可用作windows应用的桌面快捷方式图标
一.icon文件格式的简单介绍 windows的图标文件,其格式为ico. windows的.net编程,自带Icon函数,可以利用Icon.Save来保存icon文件,其中稍微要注意的就是,icon ...
python图标的演变_Python3 生成icon图标
首先安装所使用的库 pillow, pillow 是用来取代 PIL 的, pip3 install pillow 安装成功图: A866FFD7-2283-4BFB-8313-DBDEE909A57 ...
element-plus 动态生成图标
VUE2老版本在原本的版本中可以通过如下方法动态生成icon图标(此处不展示 asideList 里面的数据) <template v-for="aside in asideList ...
Vue3动态引入Element-plus icon图标
直接贴代码 list数据: const list = reactive([{path: "/user",name: "user",label: "用户 ...
动态修改网页icon图标
动态修改网页icon图标 //如果在vue项目中在App.vue下的 created() 中输入 var link = document.querySelector("link[rel*= ...
vue3+ant design vue 动态加载Icon图标
问题与思路在使用前端组件库时,我们常常会遇到需要动态加载 Icon 图标,如何处理这一需求,是前端开发人员必须思考的问题.在 vue 中,有一个内置组件 component,它的主要作用是配合 is ...

动态生成icon图标

动态生成icon图标相关推荐

最新文章

热门文章