2021-03-08《vue+element 电商后台管理项目 Day5》

vue+element 电商后台管理项目

  • p52 23.添加用户-渲染添加用户的对话框
    1.需要定义一个布尔值控制对话框的显示与隐藏
    2 取消和确定按钮都要使addDialogVisible=flase
    3 dialog 里面分内容主体区和底部区域
    2021-03-08《vue+element 电商后台管理项目 Day5》

  • p53 24.添加用户-渲染添加用户的表单
    1 表单常见结构:el-form>el-form-item>el-input
    2021-03-08《vue+element 电商后台管理项目 Day5》2 :model 绑定表单数据对象 :rules 绑定表单验证规则对象
    prop 绑定数据验证规则对象里的每一个属性名,是一个数组
    label绑定提示名
    v-model 绑定数据item
    2021-03-08《vue+element 电商后台管理项目 Day5》

  • p54 25.添加用户-自定义邮箱和手机号的校验规则

  • 2021-03-08《vue+element 电商后台管理项目 Day5》
    一个校验规则就是一个箭头函数
    2021-03-08《vue+element 电商后台管理项目 Day5》通过validator属性来进行触发

  • p55 26.添加用户-实现添加表单的重置操作
    1 由于dialog和form没有任何关系,所以当dialog关闭的时候表单的错误信息并不会自己消失,需要监听dialog关闭事件(当dialog关闭时触发处理函数)
    2 @close 当dialog关闭时会触发此函数
    2021-03-08《vue+element 电商后台管理项目 Day5》

  • 28.添加用户-调用API接口完成添加用户的操作
    确定前要调用预校验的函数,当预校验通过就进行网络请求
    2021-03-08《vue+element 电商后台管理项目 Day5》
    添加成功之后刷新列表

上一篇:Dialog 标签属性含义及其用法


下一篇:android对话框透传Touch事件