Vue+Element UI

Vue集成Element UI

Element UI 后台管理系统主要的标签：

                el-container：构建整个页面框架

                el-aside：构建左侧菜单

                el-menu：左侧菜单内容，常用属性：

                                 :default-openeds：默认展开的菜单，通过菜单的index值来关联

                                 :default-active：默认选中的菜单，通过菜单的index值来关联

                el-submenu：可展开的菜单，常用属性：

                                   index：菜单的下标，文本类型，不能是数值类型

                                   template：对应el-submenu的菜单名。

                                   i：设置菜单图标，通过class属性设置。

                                       el-icon-messae

                                       el-icon-menu

                                       el-icon-setting（官网可以查看其它图标）

                el-menu-item：菜单的子节点，不可再展开，常用属性：

                                        index：菜单的下标，文本类型，不能是数值类型

Element UI表单数据校验

定义rules对象，在rules对象中设置表单各个选项的校验规则
rules: {
  name: [
    { required: true, message: '请输入姓名', trigger: 'blur' }
    { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
  ],
}

required:ture，是否为必填项

message:'error'，提示信息

trigger:'blur'，出发事件