Skip to content
小飞侠
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
菜单

博客

  1. 首页>
  2. vue>
  3. avue框架将左侧菜单栏换为顶置菜单栏

avue框架将左侧菜单栏换为顶置菜单栏

  • Post author:xfxia
  • Post published:2023年10月12日
  • Post category:vue


avue默认的左侧边栏如下:

在这里插入图片描述

修改为顶置菜单栏效果如下:

在这里插入图片描述

如何实现的?

一、先注释左侧边栏的部分

在这里插入图片描述

二、新建一个子组件topMenuList



版权声明:本文为weixin_44770377原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/weixin_44770377/article/details/105865527

你可能也喜欢

Vue新玩具VueUse

vue3之watch与watchEffect的使用

vue2中配置sass loader

Vue中router和route的区别

vue和react有什么不同

Vue中router-view和子路由的使用方法

vue-cli 3.0在创建项目时无法选择配置的问题

Vue3中封装函数式组件-弹窗组件

vue.js 兄弟组件之间的值传递方法

vscode vue代码格式化无效详细解决方案

vue iconfont阿里图标库的三种使用方法

vue-quill-editor自定义字体大小和字体样式

【vue】el-select 获取选中节点的对象

Vue-4

Vite + Vue 3 + D3实现力导向图

Vue前端后台模板

vue2简单理解

vue中的状态管理vuex(一)

vue纯前端实现模糊查询,使用filter和indexOf

每日一学vue2:组件复用(详细讲解)、mixin(混入)、mounted(){}钩子函数、plugins(自定义插件)

目录

  • APICloud (3)
  • golang (228)
  • java (8,236)
  • linux (4,002)
  • mysql (2,800)
  • php (1,070)
  • python (5,439)
  • solidity (25)
  • uniapp (235)
  • vue (2,463)
  • 其他 (88,233)
  • 小程序 (801)

文章归档

  • 2023年十二月 (1872)
  • 2023年十一月 (477)
  • 2023年十月 (17371)
  • 2023年九月 (44974)
  • 2023年八月 (26399)
  • 2023年七月 (14793)
  • 2023年六月 (1)
  • 2023年五月 (2186)
  • 2023年四月 (3838)
  • 2023年三月 (1544)
  • 2023年二月 (3)
  • 2023年一月 (4)
  • 2022年十二月 (3)
  • 2022年十一月 (36)
  • 2022年十月 (16)
  • 2022年九月 (8)
  • 2021年九月 (1)
  • 2020年九月 (6)
  • 2020年八月 (5)

标签

Aave (1) cosmos (6) defi (255) flag (27) gitee (1) github (1) golang (234) java (8234) linux命令 (82) List (1) map (1115) mysql (3093) npm (237) tendermint (6) uuid (43) vant (64) vmware (270) 区块链 (63) 合约 (37) 小程序版本更新 (3)
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
Copyright xfxia.com 鲁ICP备19024253号-2
关闭菜单