Vue-cli实战项目12 侧边导航开发（二）循环和属性计算器

上一章节

Vue-cli实战项目11 顶部导航开发（二）循环和过滤器

循环自动生成侧边菜单

属性计算器

完整代码

<template>
	<div>
		<el-container style="position: absolute;left: 0;top: 0;bottom: 0;right: 0;overflow: hidden;">
		  <el-header class="d-flex align-items-center" style="background: #545c64;">
			  <!-- -->
			  <a class="h5 text-light mb-0 mr-auto">UNI-ADMIN</a>
			  <!-- 顶部导航栏 -->
			  <el-menu
			    :default-active="navBar.active"
			    class="el-menu-demo"
			    mode="horizontal"
			    @select="handleSelect"
			    background-color=