动态生成icon图标

效果：

  

icon.ts

import { 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" />