forked from integrated_whb/integrated_whb_vue
feat(layout): 更新信息组件中添加姓名字段
- 在 update_info.vue 文件中添加了姓名输入框- 增加了姓名字段的验证规则 - 调整了表单项的顺序,将姓名放在邮箱之前dev
parent
4f0a07f2fc
commit
66b1686dd2
|
@ -23,6 +23,9 @@
|
|||
autocomplete="off"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="姓名" prop="NAME">
|
||||
<el-input v-model="form.NAME" placeholder="这里输入姓名..." />
|
||||
</el-form-item>
|
||||
<el-form-item label="邮箱" prop="EMAIL">
|
||||
<el-input v-model="form.EMAIL" placeholder="这里输入邮箱..." />
|
||||
</el-form-item>
|
||||
|
@ -50,7 +53,7 @@ import useFormValidate from "@/assets/js/useFormValidate.js";
|
|||
import { ElMessage } from "element-plus";
|
||||
import { useUserStore } from "@/pinia/user.js";
|
||||
import { ref } from "vue";
|
||||
import {useRouter} from "vue-router";
|
||||
import { useRouter } from "vue-router";
|
||||
|
||||
const userStore = useUserStore();
|
||||
const props = defineProps({
|
||||
|
@ -105,6 +108,7 @@ const validateEmail = async (rule, value, callback) => {
|
|||
} else callback();
|
||||
};
|
||||
const rules = {
|
||||
NAME: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
|
||||
EMAIL: [
|
||||
{ required: false, message: "请输入邮箱", trigger: "blur" },
|
||||
{
|
||||
|
|
Loading…
Reference in New Issue