tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(menu.vue): 🐛 菜单列表未适配el-icon导致图标不显示问题修复

Browse Source 
https://gitee.com/youlaiorg/vue3-element-admin/issues/IA4DL7 #IA4DL7
This commit is contained in:
hxr
2024-06-11 23:22:00 +08:00
parent 01d82a2baf
commit e72b683375
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/system/menu/index.vue
View File

@@ -48,7 +48,19 @@
> >
<el-table-column label="菜单名称" min-width="200"> <el-table-column label="菜单名称" min-width="200">
<template #default="scope"> <template #default="scope">
<template
v-if="scope.row.icon && scope.row.icon.startsWith('el-icon')"
>
<el-icon style="vertical-align: -0.15em">
<component :is="scope.row.icon.replace('el-icon-', '')" />
</el-icon>
</template>
<template v-else-if="scope.row.icon">
<svg-icon :icon-class="scope.row.icon" /> <svg-icon :icon-class="scope.row.icon" />
</template>
<template v-else>
<svg-icon icon-class="menu" />
</template>
{{ scope.row.name }} {{ scope.row.name }}
</template> </template>
</el-table-column> </el-table-column>