根据提供的代码,问题可能出在以下几个地方:

  1. ShowTitle方法中,将ruleForm设置为menus的时候,可能需要使用JSON.parse(JSON.stringify(menus))menus的值进行深拷贝,以确保每次都是独立的对象。
ruleForm.value = JSON.parse(JSON.stringify(menus));
  1. reset方法中,清空ruleForm之前,需要先调用clearError方法清空表单校验的错误信息。
const reset = () => {
  clearError()
  ruleForm.value = {};
}
  1. 在模板中,当使用v-model绑定表单元素的值时,需要将绑定的属性改为ruleForm.xxx,而不是直接使用xxx
<el-input v-model="ruleForm.name" />
  1. submitForm方法中,需要将FormRef作为参数传递给validate方法,以确保校验的是正确的表单。
const submitForm = async () => {
  try {
    // 登录前的校验,try-catch
    await FormRef.value.validate()
    // ...
  } catch {
    // ...
  } 
}

请检查以上代码,确保没有遗漏或错误的地方,如果问题仍然存在,请提供更多的代码或详细的错误信息,以便更好地帮助解决问题

script setup import refreactiveonMounteddefineExposedefinePropswatchnextTick from vue import http from utilshttp import ElForm ElFormItem ElInput ElButton ElMessageElIcon from element-plus

原文地址: https://www.cveoy.top/t/topic/iZ80 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录