Vue3入门项目-017-表单校验丨景水丨项目练习丨后台课程管理系统
m1stCleaner:
注意: 登录的手机号必须是视频里边的.不然登录不了. 希望遇到问题的小伙伴遇到问题时能看到此条留言.
另外说一句,水哥讲的真好,细节很到位. 为什么这样,应该怎么解决.才是大家最需要了解的东西.
hougaoping:
const submitForm = (formEl: FormInstance | undefined) => {
if (!formEl) return
formEl.validate((valid) => {
if (valid) {
console.log('submit!')
} else {
console.log('error submit!')
return false
}
})
}
你的表单验证方式和手册的示例不太一样
【回复】是不一样.
针对几种不同的写法, 我做了取舍.
是否太过嵌套? 考虑代码的可读性
是否有知识量? 考虑学生的获得感
这是我做为老师的思考内容, 是我自夸为一个优秀讲师的原因[呲牙]
62727448061_bili:
投币投币[保卫萝卜_笔芯][保卫萝卜_笔芯]hougaoping:
Ts类型可以自动导入吗，也就是说顶部的import可不可以删掉啊
【回复】我猜是可以的。只不过vue3这个项目中我没有试[doge]
Devlop_K:
模块 ""element-plus"" 没有导出的成员 "FormRules"
是按需导入的，但报错了，找了之前的视频还是没找到是少了哪个环节[喜极而泣]
请问下是哪里的问题呀，感谢
【回复】回复 @水哥澎湃 : 哦哦好的，谢谢~
【回复】回复 @水哥澎湃 : 你好，我想再请教一下，如果想要了解这个报错的解决方案的话，我应该查找哪方面的知识或者文档呢？是ts方面的问题或者是编辑器的缓存有影响？
【回复】看看手工写一个 import FormRules 吧, 我估计是编辑器自动导入, 影响了两个配置文件. 某个视频中我提了一下. 一时间我也找不到.
bili_59174516673:
为什么我的表单校验失败ElMessagew无弹出
await formRef.value?.validate().catch((err) => {
ElMessage.error("失败")
throw err
})
【回复】1.你是怎么知道校验失败的。开发者工具控制台吗？
2.在弹出前 console.log('1234567') 看是否执行了
3.我怀疑当前文件上面有自动import 的 ElMessage, 导致样式丢失。 “失败”可以显示在页面最低下，或最上面。
[doge]
鱼魚鱼魚鱻:
水哥 能加一个多tab页面打开的那种功能嘛
【回复】这个目前我不会.... 等我学会的哈
【回复】回复 @水哥澎湃 :哈哈哈 好勒
