通过 rules
属性传入约定的验证规则。并将 orm-item> 的 prop
属性设置为需校验的字段名即可
formRef.value .validate()触发效验提示通过进入then,否则进入catch
formRef.value.resetFields() 清空效验红色提示
labelCol: label 标签布局,同
span
offset
值,如 {span: 3, offset: 12}
或 sm: {span: 3, offset: 12}
// name表单名称,会作为表单字段 id 前缀使用
【Vue3.0|Ant Design Vue表单验证基本操作】
推荐阅读
- 前端|Vue组件六种通信方式的优缺点及应用场景
- Vue|Vue组件通信常用的的几种方式
- vue3|vue3.0常用的composition API
- Android|2022-02-26 AndroidR 11 调用文件管理器并返回选中文件的路径
- Vue.js入门到精通|Vue中的Vuex详解
- Vue.js入门到精通|Vue.js官方的路由管理器 带你快速入门
- javascript|vue学生管理系统
- 计算机毕业设计|Java项目(基于springboot+vue的学生宿舍管理系统—计算机毕业设计)
- 技术笔记|Vue 极简入门