效果:
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" />