新增表单的用户验证

目录

1、定义

2、age年龄

3、消失

4、校验

---

1、定义

每一个<el-form-item>里定义:rules

<el-form-item 
          label="姓名" 
          prop="name" 
          :rules="[
        {
          required: true,
          message: '姓名是必填项',
        }
      ]"
          >

2、age年龄

年龄必须填数字  required替换成type 值为number

输入的时候转变成number类型

<el-input v-model.number="formUser.age" placeholder="请输入年龄" />

3、消失

点击取消后警示消失

取消按钮的点击事件@click定义handleCancel方法

定义handleCancel

    const handleCancel = () => {
       dialogVisible.value = false;
      proxy.$refs.userForm.resetFields();
    }

点击关闭按钮X的时候警示