zoukankan      html  css  js  c++  java
  • ③用户列表 按钮功能的实现:switch开关;搜索;添加用户dialog对话框;添加用户表单、表单验证;添加用户自定义校验规则;添加对话框关闭数据重置;添加用户的实现 预验证 并 axios请求;

    switch开关:

    监听——change函数-绑定事件:


    axios请求——修改用户状态:
    更新状态失败,则状态取反==回到原来状态

    搜索,可清空

    • 搜索
    • 可清空
      1.清空文本框

      2.数据重置(全部显示)

    添加用户-dialog对话框

    visible.sync属性定义了对话框的显示/隐藏--布尔值

    放在card区域下面了

    触发事件:

    添加用户-表单、表单验证

    表单(新建对象,数据绑定 :model v-model)、表单验证(以前学过:rules prop)

    添加用户-自定义校验规则+正则表达式


    回调函数callback()
    规则制订在data里面一层(与return平级呢)函数嘛-分号结尾;


    邮箱规则:

    手机号规则:

    校验:

    添加对话框关闭-数据重置

    this.$refs.A.resetFields()——$refs
    对话框关闭触发dialog的close事件(dialog标签的)

    表单的重置:ref属性(学过了)

    添加对话框-预验证(学过了)

    this.$refs.A.validate(valid=>{xxxx})

    添加用户- 预验证 并 axios请求

    验证通过,post提交数据


    status判断,提示获取用户信息成功/失败
    status是201哟($message和status锁死)

    yeah!!

  • 相关阅读:
    Github账户注册的过程
    目前流行的源程序版本管理软件和项目管理软件都有哪些, 各有什么优缺点?
    作业二:四则运算
    学习进度
    对构建之法的一些问题
    个人介绍
    对《软件工程》课程的总结
    作业八 更新版
    作业八
    冲刺总结博客
  • 原文地址:https://www.cnblogs.com/icemiaomiao3/p/15781744.html
Copyright © 2011-2022 走看看