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计算属性 和监听 区别

vue3.0 安装项目环境node.js 和 vue-cli配置详解

vue由浅入深的50个知识点

vue中如何使用element-ui,vue项目使用elementui

vue手写上一页下一页

vue普通加密以及国密SM2、SM3、sm4的使用

vuecli4+ant-degin搭建后台管理项目

Vue项目中添加husky

Vue2响应式原理

vue懒加载

Vue中$nextTick的使用

Vue入门&注意事项

vue3 值操作

vue3 基于element plus 二次封装上传图片组件

Vue:Object.defineProperty()方法整理

在Vue中使用深度选择器定制Element Plus组件样式

VueRouter(自定义VueRourter、使用方法、router-view\link、传递参数、路由嵌套、重定向、路由拦截(全局和局部守卫)、命名路由、路由模式(原理)、路由懒加载)

vue2和vue3有哪些区别和不同2

vue 二维码乱码 显示问题

如何使用vue的计算属性来处理数据计算?

目录

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