vue+element 电商后台管理项目
-
p52 23.添加用户-渲染添加用户的对话框
1.需要定义一个布尔值控制对话框的显示与隐藏
2 取消和确定按钮都要使addDialogVisible=flase
3 dialog 里面分内容主体区和底部区域 -
p53 24.添加用户-渲染添加用户的表单
1 表单常见结构:el-form>el-form-item>el-input
2 :model 绑定表单数据对象 :rules 绑定表单验证规则对象
prop 绑定数据验证规则对象里的每一个属性名,是一个数组
label绑定提示名
v-model 绑定数据item -
p54 25.添加用户-自定义邮箱和手机号的校验规则
-
一个校验规则就是一个箭头函数
通过validator属性来进行触发 -
p55 26.添加用户-实现添加表单的重置操作
1 由于dialog和form没有任何关系,所以当dialog关闭的时候表单的错误信息并不会自己消失,需要监听dialog关闭事件(当dialog关闭时触发处理函数)
2 @close 当dialog关闭时会触发此函数 -
28.添加用户-调用API接口完成添加用户的操作
确定前要调用预校验的函数,当预校验通过就进行网络请求
添加成功之后刷新列表