vue element menu侧边导航栏

<template><!--el-menu里的颜色是通过element定义的属性来设置的,css样式中没有相关样式--><!--unique-opened 只摊开一个el-submenu,默认是弹开所有.这个属性依赖于submenu的index值,如果index值相同的会同时展开--><!--router用来开启el-menu-item的路由模型,默认连接是index的值--><el-menu background-color="#333744" text-color="#fff" active-text-color="#ffd04b" unique-opened router><el-submenu index="1"> <!--index属性用于区别不同的submenu--><template slot="title"><!--slot属性表明该template是submenu的标题--><i class="el-icon-location"></i> <!--添加左侧的小图标--><span>导航一</span><!--添加标题名称--></template><el-menu-item index="1-1">选项1</el-menu-item><!--添加二级选项--><el-menu-item index="1-2">选项2</el-menu-item><!--添加二级选项--></el-submenu><el-submenu index="2"><template slot="title"><!--slot属性表明该template是submenu的标题--><i class="el-icon-location"></i> <!--添加左侧的小图标--><span>导航一</span><!--添加标题名称--></template><el-menu-item index="2-1">选项1</el-menu-item><!--添加二级选项--><el-menu-item index="2-2">选项2</el-menu-item><!--添加二级选项--></el-submenu>
</el-menu>
</template><script>
export default {name: 'Home'
}
</script><style scoped></style>

参考:
https://element.eleme.io/#/zh-CN/component/menu#ce-lan

vue element menu侧边导航栏相关推荐

vue element menu侧边导航栏数据渲染
<template><!--unique-opened 只摊开一个el ...
vue实现tabs侧边导航栏点击内容跳转到对应位置，且内容滚动导航栏切换，封装直接用
<template><div><el-dialogsize="big"title="名字":vi ...
Vue实现侧边导航栏于Tab页关联
技术栈侧边栏用 Antd tab使用element 效果 <template><div class="main-card"><el-row>& ...
vue + elementui 实现动态侧边导航栏
vue + elementui 实现动态侧边导航栏引言 router 文件夹创建 layout 文件夹 components 创建 SubMenu 文件夹封装动态侧边栏 vuex 中根据权限动态获 ...
简单记录—vue 用js方法实现侧边导航栏联动选择
侧边导航栏有两个功能要实现: 1.选择任意一条页面滚动到指定目录位置 2.页面内容滚动侧边栏跟随一起滚动页面结构部分,根据数据循环写一个ul > li,生成侧边目录 <ul>< ...
html中关于侧边导航栏和导航栏的编写
侧边导航栏 <style>.box{width: 50px;height: 50px;background-color: #483957;transition: width .5s,bac ...
js实现，点击侧边导航栏，可以平缓的跳到界面指定位置，同时当界面某个元素在浏览器可视范围的时候，相应的导航栏也显示相应的样式
注:要下载安装好jquery和element-ui "element-ui": "^2.15.8" "jquery": "^3.6 ...
css中侧边导航栏怎么隐藏,CSS3手机侧边导航栏滑动隐藏特效
[温馨提示]源码包解压密码:www.youhutong.com 效果图: 描述说明: 共4种CSS3手机侧边导航栏滑动隐藏特效 1.默认的点击滑动侧边栏菜单效果. 2.带3D transforms的滑 ...
Android_侧边导航栏
侧边导航栏也就是大家熟知的SliddingMenu,英文也叫Fly-In App Menu.Side Navigation等.当然谷歌现在已经推出类似这个效果的组件--Navigation Drawe ...

vue element menu侧边导航栏

vue element menu侧边导航栏相关推荐

最新文章

热门文章