element-plus el-menu折叠的时候让右侧箭头消失

可以通过自定义 CSS 样式来实现 el-menu 折叠时让右侧箭头消失。具体实现方法如下：

.el-submenu__icon-arrow:after {
  display: none;
}

这个 CSS 样式是选择 `.el-submenu__icon-arrow` 类的伪元素 `:after`，并将其 `display` 属性设为 `none`，从而让右侧箭头消失。在 el-menu 折叠时，`.el-submenu__icon-arrow` 类会被添加到对应的菜单项中。因此，通过上述 CSS 样式可以实现 el-menu 折叠时让右侧箭头消失的效果。

相关问题

element-plus el-menu折叠右侧箭头不消失

您好，要想让element-plus的el-menu折叠右侧箭头不消失，您可以在el-menu组件中添加`collapse-transition`属性，并在样式中设置`.el-menu__icon-arrow`的`opacity`为1，如下所示：

<template>
  <el-menu :default-active="activeIndex" class="menu" mode="vertical" :collapse-transition="false">
    <el-submenu index="1">
      <template #title>
        <i class="el-icon-location"></i>
        <span>导航一</span>
      </template>
      <el-menu-item index="1-1">选项1</el-menu-item>
      <el-menu-item index="1-2">选项2</el-menu-item>
      <el-menu-item index="1-3">选项3</el-menu-item>
    </el-submenu>
    <el-submenu index="2">
      <template #title>
        <i class="el-icon-menu"></i>
        <span>导航二</span>
      </template>
      <el-menu-item index="2-1">选项1</el-menu-item>
      <el-menu-item index="2-2">选项2</el-menu-item>
      <el-menu-item index="2-3">选项3</el-menu-item>
    </el-submenu>
  </el-menu>
</template>

<style>
.el-menu__icon-arrow {
  opacity: 1 !important;
}
</style>

这样就可以让el-menu折叠右侧箭头不消失了。希望能够帮到您。

element-plus折叠el-table

要实现element-plus中el-table的折叠功能，你可以按照以下步骤进行操作：

1. 首先，我们需要隐藏默认的展开图标。可以通过添加以下CSS代码来实现：

.el-table__expand-icon > .el-icon {
  display: none !important;
}

这样可以隐藏展开图标。

2. 然后，我们需要将自定义的图标替换到展开图标的位置。可以通过添加以下CSS代码来实现：

.el-table__expand-icon {
  content: url('图片路径') !important;
}

其中，'图片路径'替换成你准备好的图片的具体路径。

以上步骤适用于element-plus中el-table组件的展开行或展开子级的图标替换。这样就可以实现折叠el-table的效果了。注意，这些操作可能需要在适当的生命周期钩子函数中执行，以确保在组件渲染时生效。

关于Vue的警告信息"[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug"，它通常是由Vue内部的错误引起的。这个错误可能是Vue的一个bug，建议在开发过程中关注Vue版本和相关的issue，以便及时修复和避免这种错误的出现。<span class="em">1</span><span class="em">2</span>