script setup import refreactiveonMounteddefineExposedefinePropswatchnextTick from vue import http from utilshttp import ElForm ElFormItem ElInput ElButton ElMessageElIcon from element-plus
根据提供的代码,问题可能出在以下几个地方:
- 在
ShowTitle方法中,将ruleForm设置为menus的时候,可能需要使用JSON.parse(JSON.stringify(menus))将menus的值进行深拷贝,以确保每次都是独立的对象。
ruleForm.value = JSON.parse(JSON.stringify(menus));
- 在
reset方法中,清空ruleForm之前,需要先调用clearError方法清空表单校验的错误信息。
const reset = () => {
clearError()
ruleForm.value = {};
}
- 在模板中,当使用
v-model绑定表单元素的值时,需要将绑定的属性改为ruleForm.xxx,而不是直接使用xxx。
<el-input v-model="ruleForm.name" />
- 在
submitForm方法中,需要将FormRef作为参数传递给validate方法,以确保校验的是正确的表单。
const submitForm = async () => {
try {
// 登录前的校验,try-catch
await FormRef.value.validate()
// ...
} catch {
// ...
}
}
请检查以上代码,确保没有遗漏或错误的地方,如果问题仍然存在,请提供更多的代码或详细的错误信息,以便更好地帮助解决问题
原文地址: https://www.cveoy.top/t/topic/iZ80 著作权归作者所有。请勿转载和采集!