vue3的调用方法失败的原因
function validateConfirm(rule, value, callback) {
if (value !== form.password) {
callback(new Error('两次输入的密码不一致'))
} else {
callback()
}
function showAgreement() {
dialogVisible.value = true
}
function submitForm() {
// 这里是提交表单的逻辑,你可以根据你的业务需求进行编写。
// 比如发送请求,验证数据,跳转页面等。
post("api/auth/email",{
email : form.email
},(message) =>{
alert(message)
})
console.log('提交表单')
}
const isEmailValid = ref(false)
const onValid1 = (prop, isValid) => {
if (prop === "email") {
isEmailValid.value = isValid
}
}
}
为什么没有提示呢,哪怕写了
这个原因十分的简单,因为将他们写在来一个validateConfirm里面
当我把这些方法移出去,移除validateConfirm函数外,就可以正常调用了
在写vue3的时候,请注意大括号的范围,大括号里面的方法是不会被提示的,也叫作用域