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 项目 数据是对象格式 如何初始化 不报错

vue2 wangEditor富文本编辑器自定义上传图片

Vue3+Vite+TS:多入口项目搭建(简单版)

vue3 深度修改vant-popup组件遮罩层样式(模糊,毛玻璃)效果

前端编码规范之Vue规范

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

vue 实现拖动元素

vue中v-model父子组件通信

Vue.js 服务器端渲染指南SSR

vue实现简易计算器

Vue实现的github搜索小案例

VUE页面报错Failed to execute ‘setAttribute‘ on ‘Element‘: ‘,

Vue 3源码剖析,一次搞定

vue路由 history模式 nginx配置

vue在html中写style,vue开发之style(六)(CSS页面布局之样式、背景、文字)

vueH5级联组件,实现全选,非全选

vue数据交互小常识,如何渲染列表数据状态!

vue计算属性 和监听 区别

vue Tableb表格渲染不出来,数据类型不同

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