Vue+Element UI学习笔记

Vue集成Element UI
在Hbulider中创建vue项目过程如下

Element UI主要标签介绍

1. el-container:构建整个页面框架
2. el-aside:构建左侧菜单
3. el-menu:左侧菜单，常用属性：
   :default-openeds:默认展开的菜单，通过菜单的index值来关联
   例如 :deafult-openeds="{‘1’,‘2’,‘3’}"，花括号换成中括号也可以"[‘1’,‘2’,‘3’]"。
   这里里面的取值是来自于标签el-submenu 的index="_“属性
   :default-active：默认选中的菜单，通过菜单的index值来关联，展开和选中不是一个概念
   例如 :default-active=”[‘1-1’]“或者”‘1-1’",值来自于index=" "
4. el-submenu：可以展开的菜单，el-submenu的子节点，常用属性：
   index:菜单的下标，文本类型，不能是数值类型。
5. template:对应el-submenu的菜单名，一般和el-submenu绑定使用
6. i:设置菜单图标，通过class属性实现
   el-icon-message:信封
   el-icon-menu:菜单
   el-icon-setting：齿轮
7. el-menu-item：设置不可再展开的菜单子节点
   :index:菜单的下标，文本类型，不能是数值类型。

menu与router的绑定

1. 标签添加router属性 （.vue）（相当于左侧导航栏）
2. 在页面中添加标签，他是一个容器，动态渲染选择的router （.vue）子节点，主体内容
3. 标签的index值就是要跳转的router

设置初始化默认加载页面
redirect:"___" (.js中)

本文地址：https://blog.csdn.net/weixin_45633422/article/details/107895097