elementUI icon图标 动态菜单 打包后不显示问题

如题出现上诉问题，经过多方查证未果，最后排查出 外加class样式影响了 icon显示
源代码

<i :class="'iconfont '+item.meta.icon"></i>
<style lang="less" scoped>
  .iconfont {
     
     
    color: #ffffff;
    margin-right: 10px;
  }
</style>

现代码

<i :class="item.meta.icon"></i>
<style lang="less" scoped>
    .el-menu-item {
     
     
      .iconfont {
     
     
        color: #ffffff;
        margin-right: 10px;
      }
    }
</style>