后管系统- 表单校验-角色管理步骤分析

1.表单基础校验 实现新增/编辑部门的基础表单校验

        1.1 准备步骤：

        （1）给表单设置rules 传入验证规则

        （2）给表单设置model属性传入表单数据

        （3）给表单中form-item 设置prop属性

        （4）给表单中form-item 设置prop属性

2. 设置校验 部门编号-非重验证-编辑的特殊处理

3. 部门名称-同级不重复

 

4. 清空表单验证效果

• 通过 el-form 自带的重置方法 resetFields() 从子组件传给父组件 实现清空

5. 进入角色管理的静态页面的搭建

        5.1 封装api接口 获取角色列表

        5.2 引入 封装的api 用created钩子函数调用

6. 在表格中显示数据

• 在el-table中设置 data
• 在el-table-column中设置prop

7. 表格分页 通过查询element-UI 的分页方法

 

8. 删除角色功能

        8.1 点击表格右侧删除按钮，询问用户是否确定删除

        8.2  用户点击确定按钮之后进行删除操作（封装api，以备调用）

        8.3  用户点击取消按钮之后关闭弹框不进行任何操作