代码拉取完成,页面将自动刷新
在线代码预览(110行附近) 表单验证需要满足的 2 个条件:
FormItem
的属性变量,与表单字段保持一致, 例如: username
:CurdFormData.user_name 为表单字段名变量,需要事先定义好.
<FormItem label="用户名:" prop="user_name">
<Input v-model="CurdFormData.user_name" placeholder="用户名">
</Input>
</FormItem>
username
属性变量防止在验证规则中进行验证:
ruleValidate: {
user_name: [
{type: 'string', required: true, min: 2, max: 40, message: '用户名为必选项,规则:[2,40]个文字', trigger: 'blur'}
],
avatar: [
{type: 'string', rrequired: true, message: '头像为必填选项,请上传...', trigger: 'blur'},
],
status: [
{type: 'number', required: true, message: '状态必须选择', trigger: 'blur'}
],
birthday: [
// patter 支持正则表达式模式,可以自定义。
// 由于不同的系统使用的时间格式(UTC、GMT 、TIMESTAMP、YYYY-MM-DD HH:MM:SS)不同,前端可以按照后端需求设置日期时间格式,自定义验证规则。。
{type: 'string', required: true, message: '出生日期为必填', trigger: 'blur', patter: /.+/}
]
},
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。