菜单模块_新增功能
- 1、需求分析
- 2、新增组件实现
- 3、列表引用新增组件
- 4、关闭弹出窗口
- 5、校验表单数据
- 6、提交表单数据
-
- 6.1、Mock 添加新增模拟接口
- 6.2、Api 调用接口
- 6.3、测试新增功能
1、需求分析
-
菜单管理中有两处有 新增 按钮:
- 条件区域的是新增一级菜单,传递的参数是0。
- 列表区域的是新增子菜单,传递的是参数是当前菜单id。
-
点击 新增 按钮后,都是对话框形式弹出新增窗口
-
输入信息后,点击 确定 提交表单数据;
2、新增组件实现
新增和修改功能共用一个组件,我们将它作为子组件引入到列表查询父组件中,下面先将组件定义出来。
- 弹出功能参考:https://element.eleme.cn/#/zh-C