element-plus 如何获取所有的icon图标名称，并排列展示？

一、获取所有的element-plus中icon图标：

import * as ElIcon from '@element-plus/icons-vue'

console.log(ElIcon)

从控制台打印可以看到，ElIcon为所有的icon组成的对象，要组成包含icon名称的数组，可以去key值或者name值（两者相同）

二、将icon对象转换成数组：

console.log(Object.keys(ElIcon));

三、展示所有的icon图标：

<ul class="icon-ul">
  <li
    v-for="iconKey in Object.keys(ElIcon)"
    :key="iconKey"
    :class="active === iconKey ? 'active-item' : ''"
    @click="onSelect(iconKey)"
  >
    <el-icon>
      <component :is="iconList[iconKey]"></component>
    </el-icon>
    <div>{{ iconKey }}</div>
  </li>
</ul>