<template> <li v-for="name in icons"> {{ name }} <el-icon style="font-size: 40px"> <component :index="key" :key="key" :is="name"></component> </el-icon> </li> </template> <script> import * as ElIcons from '@element-plus/icons' import { reactive, ref, toRefs } from 'vue' export default { name: 'Home', setup() { const getData = () => { console.log('页面挂载了') var icons = [] for (const name in ElIcons) { console.error(name) icons.push(name) } return icons } const iconsData = reactive(getData()) const iconList = reactive({ icons: iconsData }) const data = toRefs(iconList) return { ...data } } } </script>
@element-plus/icons 显示所有图标
最新推荐文章于 2024-05-17 21:44:10 发布