vue移动端时弹出侧边抽屉菜单效果

效果图:

vue移动端时弹出侧边抽屉菜单效果_第1张图片

aside.vue:



控制抽屉显隐:

    
      
    
 

由于上面使用了hidden-sm-and-up样式,该样式需要在main.js中引入display.css,如下:

import 'element-ui/lib/theme-chalk/display.css';

更多样式参考:

Vue中使用vue2-perfect-scrollbar制作滚动条

element-ui 实现响应式导航栏的示例代码

到此这篇关于vue移动端时弹出侧边抽屉菜单的文章就介绍到这了,更多相关vue弹出侧边抽屉菜单内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(vue移动端时弹出侧边抽屉菜单效果)