vue3ant design 动态添加icon

在Vue 3中使用Ant Design动态添加Icon可以通过以下步骤实现：

1. 首先，确保你已经安装了Ant Design Vue和@ant-design/icons库。可以使用npm或者yarn进行安装。

2. 在你的Vue组件中，引入需要使用的Icon组件和@ant-design/icons库中的图标。例如，如果你需要使用"PlusOutlined"图标，可以这样引入：

import { PlusOutlined } from '@ant-design/icons-vue'

3. 在组件的`data`选项中定义一个变量来存储动态添加的图标名称。例如：

data() {
  return {
    dynamicIcon: 'PlusOutlined'
  }
}

4. 在模板中使用`a-icon`组件，并将动态图标名称绑定到`type`属性上。例如：

<a-icon :type="dynamicIcon" />

5. 如果你想在运行时动态改变图标，可以通过修改`dynamicIcon`变量的值来实现。例如，在点击按钮时改变图标：

<button @click="changeIcon">Change Icon</button>

methods: {
  changeIcon() {
    this.dynamicIcon = 'PlusOutlined'
  }
}

这样，当点击按钮时，图标就会动态改变为"PlusOutlined"。