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项目配置生产、测试和开发环境不同api接口

Vue-cli5 引入less的全局样式

vue项目打包优化(简介)

vue3回到上一个路由页面

vue使用ajax

浅学vue

vue-cli-service serve –open启动项目时打开浏览器失效无法打开浏览器解决方法

2021-08-14 Vue 导入文件import、路径@和.的区别

vue element远程搜索下拉框出tooltip el-autocomplete下拉框出省略号时鼠标移上去出提示

Vue3 第二十三篇:jsx工具栏组件

vue-i18n安装和实现国际化,$t的用法

Vue-4

ABP 多模块关联查询、分组统计、列转行、Vue 复合表头动态列

Vue | TodoList 案例【完整过程】

Vuex监听

vue项目中 configureWebpack 与 chainWebpack的区别及配置方式

深入研究vue还是再学react,vue 和 react 哪个前景好

前端编码规范之Vue规范

Vue3 学习——vue中使用vuex(超详细)

支持typescript的 Vue Event Bus插件Vue-bus-ts

目录

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