template #title i v-if=menumetaicon && menumetaiconincludesel-icosn class=menumetaiconi !-- 动态组件的使用方式 -- component v-else is=menumetaicon span menumetatitle span

可以通过修改样式来改变图标的大小，例如添加一个样式类：

.icon-size {
  font-size: 20px;
}

然后在模板中添加该样式类：

<template #title>
  <i v-if="menu.meta.icon && menu.meta.icon.includes('el-icosn')" :class="menu.meta.icon" class="icon-size"></i>
  <component v-else :is="menu.meta.icon" />
  <span>{{ menu.meta.title }}</span>
</template>

这样就可以将图标的大小设置为 20px。当然，也可以通过其他方式来修改图标的大小，比如使用内联样式或者修改组件的 props。