html
<el-form ref="form" :rules="rules"><el-form-item prop="tiktokEmail" label="邮箱" ><el-input v-model="form.tiktokEmail" placeholder="邮箱" ></el-input></el-form-item>
</el-form>
js
data() {const validateEmailf = (rule, value, callback) => {// 此处是判断条件，当内容为空时表单验证直接通过，当内容不为空时再验证格式， callback();便是让其通过if (value==''||value==null||value==undefined) {callback();} else {if (!validateEmail(value)) {callback(new Error("请输入正确的邮箱格式"));} else {callback();}}};return {form: {tiktokEmail:''},// 表单校验rules: {tiktokEmail: [{ required: true, trigger: "blur", validator: validateEmailf },],},};},
效果
无内容状态
有内容状态：
