element-plus: 动态加载el-icon图标

我们知道固定加载el-icon中图标为

<el-icon><Search /></el-icon>

但当遇到侧边导航等需求时，可能需要动态加载图标，解决办法如下：

<el-menu-item
        v-for="(item, index) in data.routeList"
        index="1"
        :key="index"
>
     <template #title>
         // 此处为动态加载图标方法
          <component
            :is="item.meta.icon"
            style="width: 16px; height: 16px"
          ></component>
          <span>{{ item.meta.title }}</span>
     </template>
</el-menu-item>

动态加载成功