methods: { /** * 验证手机号 * @param {Object} rule * @param {Object} value 验证值 * @param {Object} callback 返回函数 */ is_phone(rule, value, callback) { if (!value) { callback(); } else if (/^\D+$/.test(value)) { callback(new Error('手机号必须是数字型')); } else if (value.length > 13 || value.length < 8) { callback(new Error('手机号长度必须大于8 并且小于 13!')); } else { callback(); } }, /** * 验证邮箱 * @param {Object} rule * @param {Object} value 验证值 * @param {Object} callback 返回函数 */ is_email(rule, value, callback) { if (!value || /^\w+@\w+\.\w+$/.test(value)) { callback(); } else { callback(new Error('必须是邮箱格式,例:test@test.com')); } }, /** * 上传成功时返回地址 * @param {Object} res * @param {Object} file */ handleAvatarSuccess(res, file) { console.log("返回地址"); this.avatar = URL.createObjectURL(file.raw); }, /** * 判断图片类型和大小 * @param {Object} file * @return {Boolen} 符合条件时返回true, 不符合条件时返回false */ beforeAvatarUpload(file) { console.log("判断") const isLt2M = file.size / 1024 / 1024 < 2; if (!isJPG) { this.$message.error('上传头像图片只能是 JPG 格式!'); } else if (!isLt2M) { this.$message.error('上传头像图片大小不能超过 2MB!'); } return isLt2M; },
时间: 2023-12-06 13:43:06 浏览: 113
验证手机号码是否正确
这段代码是一个 Vue.js 组件中的方法。这个组件包含了三个验证方法和两个上传相关的方法。
其中,is_phone 和 is_email 分别用于验证输入的手机号和邮箱是否符合规范。如果输入不符合规范,则会调用 callback 函数并传递一个错误信息。
handleAvatarSuccess 方法在上传成功后会将返回的地址保存在组件的 avatar 变量中,并使用 URL.createObjectURL 将文件对象转换为可显示的 URL。
beforeAvatarUpload 方法用于在上传之前验证图片的类型和大小是否合法。如果不合法,则会提示错误信息,并返回 false。否则返回 true,表示可以进行上传。
阅读全文