vue-element-admin修改左边导航栏图标（阿里矢量图类名修改）

emmmm，不知道是我找的方向不对还是怎么样，反正网络上很少关于vue-element-admin左侧导航栏图标的修改（按照类名来的），大部分都是svg，然而有个例子只是引入一个svg，单独一个，我试了试我的多个的，发现没什么用，只能试着修改下了。

这里是去修改 你的项目\src\layout\components\Sidebar\Item.vue

可以全局搜索 icon.includes('el-icon')

if (icon) {
  if (icon.includes('el-icon') || icon.includes('iconfont')) {
    vnodes.push(<i class={[icon, 'sub-el-icon']} />)
  } else {
    vnodes.push(<svg-icon icon-class={icon}/>)
  }
}

主要就是加了判断iconfont这个代码， 然后就能用类名正常使用iconfont的图标啦

meta: { title: '总流程', icon: 'iconfont icon-liucheng' }

希望能帮到你