vue+element 后台管理系统-折叠侧边导航栏

阿夏呀

已于 2022-11-09 17:54:53 修改

阅读量2.6k

点赞数 1

分类专栏：折叠导航栏文章标签： vue.js javascript 前端

于 2020-12-02 17:23:39 首次发布

本文链接：https://blog.csdn.net/summer_cloudy/article/details/110491671

版权

本文介绍了如何在vue+element的后台管理系统中实现折叠侧边导航栏。首先，在头部组件中添加折叠按钮，通过template和script进行逻辑处理。接着，在侧边导航栏组件中添加控制属性，同样利用template和script来实现导航栏的显示与隐藏状态控制。

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

vue+element 后台管理系统-折叠侧边导航栏

1. 在头部组件中添加折叠按钮

template:

<template>
<!-- 折叠按钮 -->
<div class="collapse-btn" @click="collapseChage">
    <i v-if="!collapse" class="bg-icon bg-icon-el-icon-s-fold"></i>
    <i v-else class="bg-icon bg-icon-el-icon-s-unfold"></i

最低0.47元/天解锁文章

阿夏呀

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
5
评论
vue+element 后台管理系统-折叠侧边导航栏

vue+element 后台管理系统-折叠侧边导航栏1. 在头部组件中添加折叠按钮template:<template><div class="collapse-btn" @click="collapseChage"> <i v-if="!collapse" class="bg-icon bg-icon-el-icon-s-fold"></i> <i v-else class="bg-ico
复制链接

扫一扫

专栏目录