vue3+elementplus侧边栏图标文字箭头不能正常显示的问题

要求：实现功能，一个侧边栏，可以进行收缩，一级子菜单图标需要自定义，然后箭头需要改为右下

定义了一个数组进行遍历，发现问题

1.一级菜单无children但是依然有下拉箭头

 

 后来发现，需要用v-if控制子菜单的显示和隐藏

2.自定义图标

elementplus官网的自定义图标没太看明白怎么搞，后来自己研究了个方法。把img包裹在el-icon里，问题解决。起码目前自定义图标正常显示，还未发现问题

 3.箭头样式修改：网上查了好多比较麻烦，研究后发现其实只调transform属性就可以

.el-sub-menu :deep(.el-sub-menu__title .el-sub-menu__icon-arrow) {
  transform: rotate(-90deg) !important;
}

/*菜单展开箭头样式*/
.el-sub-menu.is-opened :deep(.el-sub-menu__title .el-sub-menu__icon-arrow) {
  transform: rotate(0deg) !important;
}