用户展示 角色展示 这个就是常规的增删改查。 用户展示 用户的展示使用了ElementUI的 Card卡片 来实现。效果图如下： 角色展示 角色展示使用了ElementUI的 Tag 标签 来实现，角色后面有一个more按钮，点击之后是一个Popover 弹出框 ，Popover 弹出框 的里边是一个Select 选择器 ，多选的，...

快速上手 使用 vue-cli@3 引入 Avue 按需引入 全局配置 开始使用 快速上手 本节将介绍如何在项目中使用 Element。 使用 vue-cli@3 我们为新版的 vue-cli 准备了相应的 脚手架 ，你可以用它们快速地搭建一个基于 Avue 的项目。 引入 Avue 你可以引入整个 Avue 在 main.j...

树形控件主要使用了ElementUI中的控件，ElementUI中树的加载可以通过load属性一个一个懒加载，在官方的案例中有这种用法，个人非常不推荐这种用法，很麻烦。我的主要思路如下： 1.在页面加载时，我在mounted方法中就去获取了所有的部门数据，然后直接加载到树上（这种方式比较省事，特别是处理后面动态添加删除时很方便，小伙伴在工作中可以根据实际...

角色展示 核心思路 这个主要是给不同角色分配不同的资源。 角色展示 角色的展示采用了ElementUI中的Collapse 折叠面板 ，并且采用了手风琴模式，即一次只打开一个角色，如下图： 角色中资源的展示则采用了ElementUI中的树形控件，管理员可以直接直接点击勾选，然后点击修改按钮，进行资源的分配。 核心思路 核心代码如下： ...

二、从登陆开始 基本登陆 使用路由导航守卫结合 token 处理视图访问拦截 导入 ElementUI 布局登陆组件 为登陆组件加入表单验证 使用 Message 消息提示给出操作反馈 二、从登陆开始 基本登陆 使用路由导航守卫结合 token 处理视图访问拦截 参考链接： 路由 - 导航守卫 title: 基于 T...

Component 动态区块 基础用法 插入TEXT和HTML HTML标签和elementUI组件标签组合 在线实验室 参数列表 Component 动态区块 动态block主要用于配置原生节点或者非block 节点，如 <a/> <img/> <div/> 等元素，如 <el-tooltip> 等全局vue组件，方便进行一些布局...

自定义主题 仅替换主题色 在项目中改变 SCSS 变量 命令行主题工具 安装工具 初始化变量文件 修改变量 编译主题 引入自定义主题 搭配插件按需引入组件主题 自定义主题 Element 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了三种方法，可以进行不同程度的样式自定义。 仅替换主题色 如...

自定义主题 仅替换主题色 在项目中改变 SCSS 变量 命令行主题工具 安装工具 初始化变量文件 修改变量 编译主题 引入自定义主题 搭配插件按需引入组件主题 自定义主题 Element 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了三种方法，可以进行不同程度的样式自定义。 仅替换主题色 如...

自定义主题 仅替换主题色 在项目中改变 SCSS 变量 命令行主题工具 安装工具 初始化变量文件 修改变量 编译主题 引入自定义主题 搭配插件按需引入组件主题 自定义主题 Element 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了三种方法，可以进行不同程度的样式自定义。 仅替换主题色 如...

自定义主题 仅替换主题色 在项目中改变 SCSS 变量 命令行主题工具 安装工具 初始化变量文件 修改变量 编译主题 引入自定义主题 搭配插件按需引入组件主题 自定义主题 Element 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了三种方法，可以进行不同程度的样式自定义。 仅替换主题色 如...