el-menu无子级时,无法隐藏箭头

您好，对于 el-menu 组件，在没有子级菜单时隐藏箭头的方法如下：

<el-menu>
  <el-submenu index="1">
    <template #title>
      <span>一级菜单</span>
      <i v-if="hasSubMenu('1')" class="el-icon-arrow-down"></i>
    </template>
    <el-menu-item index="1-1">二级菜单</el-menu-item>
  </el-submenu>
</el-menu>

上述代码中，我们通过在模板的标题处使用 `i` 元素和条件渲染 `v-if` 来判断是否有子级菜单。如果存在子级菜单，则显示箭头图标，否则隐藏箭头图标。

在这个例子中，我们使用了 `hasSubMenu` 方法来判断是否有子级菜单。您可以根据自己的具体逻辑实现此方法，以检查是否有子级菜单。

希望这个解决方案对您有所帮助！如有更多问题，请随时提问。

相关问题

el-menu 侧边栏收起时 箭头隐藏

可以通过设置 el-menu 组件的 collapse-transition 属性来实现侧边栏的收起和展开过渡效果，并且可以在 el-menu-item 组件中使用 icon 属性来设置箭头图标。在 el-menu 组件的 collapse-transition 属性中设置过渡效果时，需要同时设置 el-menu-item 组件的 hide-on-collapse 属性为 true，这样在侧边栏收起时，箭头图标会自动隐藏。具体实现代码可以参考以下示例：

<el-menu :collapse-transition="true">
  <el-menu-item index="1" :icon="collapsed ? '' : 'el-icon-arrow-right'" :hide-on-collapse="true">
    选项1
  </el-menu-item>
  <el-menu-item index="2" :icon="collapsed ? '' : 'el-icon-arrow-right'" :hide-on-collapse="true">
    选项2
  </el-menu-item>
  <el-menu-item index="3" :icon="collapsed ? '' : 'el-icon-arrow-right'" :hide-on-collapse="true">
    选项3
  </el-menu-item>
</el-menu>

其中，collapsed 是一个布尔类型的变量，表示侧边栏是否收起。在侧边栏收起时，箭头图标会自动隐藏，展开时则会显示。

el-table 给子级结构添加背景色

要给el-table的子级结构添加背景色，你可以使用以下方法：

1. 使用scoped样式表：

<style rel="stylesheet/scss" lang="scss" scoped>
.el-table >>> .warning-row {
  background-color: #f5f7fa;
}
</style>

这样，当子级行具有`warning-row`类时，它们的背景色将变为`#f5f7fa`。

2. 使用tableRowClassName方法：

check(row) {
  this.currentId = row.id;
},
tableRowClassName({ row }) {
  let className = '';
  if (row.id === this.currentId) {
    className = 'current-row';
  }
  return className;
}

在el-table中，你可以使用`tableRowClassName`方法来为子级行添加背景色。在这个方法中，你可以根据需要设置不同的类名，然后在样式表中定义这些类的样式。