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实现登录功能

VScode学习vue组件时template: “模板字符串自动补全方法

【vue】如何改写数组的方法使其成为响应式?

Vue父组件对子组件生命周期的监听

Vue的全局方法

vue基础概念

撸一个聊天室(vue+koa2+websokect+mongodb)

vue Bus 全局事件实现跨组件通信

vue富文本编辑器

基于Vue2全家桶的移动端AppDEMO实现

Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明(Eruda、vConsole)

Vue在v-for写循环时使用transition-group动画的时候注意事项

Vue的几个生命周期函数

vue父组件向子组件传对象,不实时更新解决

vue与jQuery的区别?

Vue2.路由

vue解决使用webpack打包后keep-alive不生效

vue3实现div可拖拽改变高度

Vue node.js实现支付宝支付(沙箱测试)

vue中使用oauth2

目录

  • 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
关闭菜单