使用 -- element-ui导航栏

标签说明

1、el-menu --外框

2、el-submenu --子类表组

2-1、 el-menu-item-group --类组

3、el-menu-item --列表值

标签属性

1、 default-active="2" --默认选中

2、index="1"  -- 标识

3、slot="title"  --内容插槽

更多内容

<el-col :span="24">
	<el-menu default-active="2" class="el-menu-vertical-demo">
		<el-submenu index="1">
			<template slot="title">
				<i class="el-icon-location"></i>
				<span>功能</span>
			</template>
			<el-menu-item-group>
				<template slot="title">分组一</template>
				<el-menu-item index="1-1">
					<router-link to="nolike">不喜欢</router-link>
				</el-menu-item>
				<el-menu-item index="1-2">选项2</el-menu-item>
			</el-menu-item-group>
			<el-menu-item-group title="分组2">
				<el-menu-item index="1-3">选项3</el-menu-item>
			</el-menu-item-group>
			<el-submenu index="1-4">
				<template slot="title">选项4</template>
				<el-menu-item index="1-4-1">选项1</el-menu-item>
			</el-submenu>
		</el-submenu>
		<el-menu-item index="2">
			<i class="el-icon-document"></i>
			<span slot="title">
				<router-link to="like">喜欢</router-link>
			</span>
		</el-menu-item>
		<el-menu-item index="3">
			<i class="el-icon-document"></i>
			<span slot="title">导航三</span>
		</el-menu-item>
		<el-menu-item index="4">
			<i class="el-icon-setting"></i>
			<span slot="title">导航四</span>
		</el-menu-item>
	</el-menu>
</el-col>