vbenjs / vue-vben-admin

A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!
https://www.vben.pro
MIT License
25.17k stars 6.86k forks source link

基础表单页面 下拉选择,必选项目,选中后 表单校验提示未通过 #1911

Closed dividez closed 1 year ago

dividez commented 2 years ago

⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 Issue 将直接被关闭

描述 Bug

在这个页面 https://vvbin.cn/next/#/comp/form/basic ; 懒加载远程下拉 框,选中后, 依然红色提示 请选择

复现 Bug

https://user-images.githubusercontent.com/19829513/169444072-4a627844-1631-4ce0-b4fd-3d508c5d4d35.mp4

系统信息

zhangjianmei323 commented 2 years ago

把原本的required: true,删除,需要自己加一个rules规则: componentProps: { api: getAllRoleList, labelField: 'roleName', valueField: 'roleValue', }, rules: [ { required: true, trigger: 'blur', }, ],

kuizuo commented 2 years ago

还可以添加
itemProps: { validateTrigger: 'blur' },

bboyHan commented 1 year ago

添加了不管用 ,两种方法都试了

wangjue666 commented 1 year ago

https://github.com/vbenjs/vue-vben-admin/pull/3071 该PR已修复

guilunmei commented 1 year ago

你是加错地方了吧 itemProps加到外层 和field一级 加到componentProps中无效