1、需求分析
- 点击 新增 按钮后,都是对话框形式弹出新增窗口
- 输入信息后,点击 确定 提交表单数据;
2、新增窗口实现
新增和修改功能共用一个组件,我们将它作为子组件引入到列表查询父组件中,下面先将组件定义出来。
- 创建新增和修改的组件文件: src\views\user\edit.vue
- 定义模板代码
<template>
<!--弹窗-->
<el-dialog
:title="title"
:visible.sync="visible"
:before-close="handleClose"