vue递归element-ui可缩放侧边栏

最新推荐文章于 2024-09-09 12:43:01 发布

野指针丶

最新推荐文章于 2024-09-09 12:43:01 发布

阅读量1.2k

点赞数

文章标签： vue elementui json

本文链接：https://blog.csdn.net/weixin_43807553/article/details/109384382

版权

本文介绍了如何使用Vue和Element-UI实现可缩放的侧边栏，通过递归组件处理服务器获取的JSON数据。在实现过程中遇到侧边栏收起时文字未消失的问题，解决方案是在全局样式文件中调整CSS，只显示图标，隐藏多余元素。对于初学者，欢迎交流讨论。

摘要由CSDN通过智能技术生成

el-side的递归调用

1.递归组件

  这个在网上有许多，随便一搜就是

2.调用组件，并显示从服务器获取的json串

<template>
  <div class="aside">
    <el-radio-group v-model="isCollapse" style="margin-bottom: 20px;">
      <el-radio-button :label="false">展开</el-radio-button>
      <el-radio-button :label="true">收起</el-radio-button>
    </el-radio-group>
    <el-menu class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
      <navMenu :navMenus="menuList" :isCollapse="isCollapse"></navMenu>
    </el-menu>
  </div>
</template>
<script