vue3 element plus 图标全部渲染出来的方法

首先，引入图标

import * as ElIcons from "@element-plus/icons-vue";

const getIconData = () => {
  let icons = [];
  for (const name in ElIcons) {
    icons.push(name);
  }
  return icons;
};
const iconList = reactive({
  icons: getIconData(),
});

然后图标就存在iconList 里，这里注意循环是iconList.icons

  <div v-for="(name, index) in iconList.icons" :index="index" :key="index" class=" m-[4px] cursor-pointer" style="display: inline-block;">
            <div @click="chooseIcon(name)">
             
              <el-icon style="font-size: 15px;">
                <component :is="name" :index="index"  ></component>
              </el-icon>
            </div>
          </div>

这样就可以了~