去除el-submenu下拉箭头

需求：点击头像下拉选项，但不需要下拉箭头

解决方案：给el-menu加上类名，用深度给箭头添加display:none

 html：

<el-menu
  mode="horizontal"
  class="platform_avatar">
    <el-submenu index="more">
      <el-badge
        class="avatar"
        slot="title">
          <img
            class="imgUserAvatar mini"
            src="@/assets/images/common/user_head.png"
            alt="">
       </el-badge>
    </el-submenu>
</el-menu>

css:

.platform_avatar{
  height: 55px;
  line-height: 55px;
  .imgUserAvatar{
    width: 32px;
    height: 32px;
  }
  ::v-deep .el-submenu__title {
    .el-icon-arrow-down {
       display: none;
    }
  }
}