超级抽象的前端2

用键盘当武器的秋刀鱼2024-02-24 18:32

vue3的调用方法失败的原因

javascript 复制代码

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的时候，请注意大括号的范围，大括号里面的方法是不会被提示的，也叫作用域