关于validate的判定问题

来源:7-10 用户编辑接口实现&联调

慕雪9296518

2021-06-22

图片描述
如图所示,为什么我这里已经填了数据了,但是还是提示错误啊
反而选择部门的部分就没有提示
<el-dialog
:title=“action == ‘create’ ? ‘用户新增’ : ‘用户编辑’”
:visible.sync=“dialogAdd”
@close=“handleClose()”
>






<template #append>@qq.com









<el-select v-model=“userForm.state” @change=“statechange”>














<template #footer>

<el-button @click=“handleClose”>取 消
<el-button type=“primary” @click=“handleSubmit”>确 定



rules: {
username: [
{
required: true,
message: ‘请输入用户名称’,
trigger: ‘blur’
}
],
email: [
{
required: true,
message: ‘请输入用户邮箱’,
trigger: ‘blur’
}
],
telephone: [
{
pattern: /1[3-9]\d{9}/,
required: true,
message: ‘请输入正确的手机号格式’,
trigger: ‘blur’
}
],
roleList: [
{
required: true,
message: ‘请选择所属部门’,
trigger: ‘blur’
}
],
deptId: [
{
required: true,
message: ‘请选择所属部门’,
trigger: ‘blur’
}
]
这是我的rules,老师帮忙看看,我检查很多次了并不是说rules规则的问题,但是一按确认就出问题,就提示有三项没有填写

写回答

1回答

河畔一角

2021-06-24

表单外层加一个

<el-form :model="userForm" :rules="rules">

// 表单放这儿

</el-form>

0
0

Vue3+ElementPlus+Koa2 全栈开发后台系统

从前端晋级到全栈,让你的未来发展有更多可能

1069 学习 · 580 问题

查看课程