51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

Ant Design FormModel动态表单
Angular 动态表单(根据选择联动显示)首先记录一下刚刚完成的一个功能需求是根据固定的层级结构做动态联动,在网上找了很多动态表单的相关教程,大部分都是在最开始加载就生成表单.而我的需求是需要在选择了父级之后再展示父级下的选项实现准备阶段配置好已知的层级结构const itemConfig = [{ 'key': 'tr069', 'type': 'parent'
表单
Group
html
转载
技术领航舵手
7月前
32阅读

Ant Design of Vue FormModel 错误提示隐藏 ant design vue loading
文章目录使用 ant-design 官网上的 Table 固定样式代码实现效果展示查找问题解决方法 使用 ant-design 官网上的 Table 固定样式链接: https://antdv.com/components/table-cn/#components-table-demo-fixed-columns代码实现由于我的项目要实现左边第一例为左固定，右边最后一列操作为右固定，按照官网上的
前端
官网
css
代码实现
转载
mob64ca140d61c6
2024-03-21 13:55:22
123阅读

JeecgBoot的前端Form升级为FormModel用法(支持 v-model 绑定)
FormModel 表单 (支持 v-model 绑定)(Ant Design of Vue 版本：1.5.0+) 新版form特性 1、支持双向绑定 2、无需v-decorator这个反人类属性设置 3、form用法跟目前主流框架(element ui iview风格形成统一,不在另类) 4、表单赋值无需手动设置，双向绑定自动赋值 新老form用法对比 标签规则升级 校验规则区别 表单赋
javascript
css
vue.js
node.js
html
原创
JEECG低代码
2021-07-26 16:44:18
774阅读

JeecgBoot的前端Form升级为FormModel用法(支持 v-model 绑定)
FormModel 表单 (支持 v-model 绑定)(Ant Design of Vue 版本：1.5.0+)新版form特性1、支持双向绑定2、无需v-decorator这个反人类属性设置3、form用法跟目前主流框架(element ui iview风格形成统一,不在另类)
javascript
css
vue.js
node.js
html
原创
JEECG低代码
2022-01-11 10:29:28
2217阅读

elementui el-date-picker 组件值回显
this.$set(this.formModel, "startYearMonth", `${this.formModel.startYear}-${this.formModel.startMonth}`)
elementui
原创
UrHome
2023-05-10 10:08:05
711阅读

vue3 ant-design-vue表单及a-input v-model绑定
antdesign2.0版，form 和 formmodel合并成form了，保留了formmodel的功能。<a-form       class="ant-advanced-search-form"  :model="ruleForm"  :rules="rules"            />a-input v-model绑定后，界面输入了，后台数据却没有变化。 <a-in
vue
转载
mob604756e4006a
2021-03-13 20:54:27
2868阅读
2评论

angular生成android angular动态生成表单
ng-dynamic-forms实践篇（下）我们接着上篇，先把小目标中的所有字段都定义出来这部分就是苦力活儿了，把KendoUiComponent中的formModel完善即可：1 formModel: DynamicFormControlModel[] = [ 2 new DynamicInputModel({ 3 id: 'firstName', 4
angular生成android
ide
控件
自定义
转载
烂漫树林
2023-09-07 20:05:39
15阅读

ant design vue中 使用a-select ，placeholder设置无效的解决办法
使用的是FormModel 表单 <a-form-model-item label="请选择校准参数" prop="param"> <a-select placeholder="请选择校准参数" @change="handleParamsChange" v-model="form.param" > ...
表单
属性值
其他
转载
mob60475705a319
2021-07-29 14:05:00
3552阅读
2评论

antd vue 自定义customRequest
一般的数据提交处理我们会用form组件，但是碰上数据复杂的，建议用formModel。更方便自己定义一些规则以及一些复杂的处理，本文以formModel为例来写多层循环校验（form也是一样用法，细节不同处参照官网）。 其实官网里面也有多层循环数据以及如何校验多层循环的表单实例（其实参照官网写就可以了，这里只是多了些注释）。 参照动态增减表单： 先来说多层循环数据。要实现以下功能：（点击添加条款、
vue.js
数据
官网
数组
转载
技术极客侠
11月前
194阅读

element form 二次封装
<template> <div> <!-- form 总共包含 单选框 多选框 输入框 选择器 日期时间选择器 formDate: { formModel: {}, // 表单数据对象 rules: {}, // 表单验证规则 inline: false, // boolean 行内表单模式 lab ...
element ui
vue
单选框
选择器
表单
转载
mb5ff40d0fc970b
2021-08-15 22:20:00
569阅读
2评论

Angular 4 表单校验1
1.html 2. 控制器中创建FormModel 3. 创建自定义校验器 mobileValidator用来校验电话号码是否有效 equalValidator 用来校验两次输入的密码是否一致 4. submit方法 5.完整的代码
用户名
json
自定义
html
校验器
转载
mb5ff5909699060
2021-08-16 17:04:09
157阅读
2评论

ant design vue表单全局只读 ant design vue表单校验
在 ant-design-vue 中，提供 FormModel 表单组件，且支持 v-model 数据绑定，同时可以校验和提交功能的表单。一、表单验证<a-form-model ref="form" :rules="rules" :model="form" layout="inline" :label-col="
ant-design-vue
表单验证
validator
自定义验证
表单
转载
墨守成规de网工
2024-05-10 17:14:01
998阅读

vue3+ts 解决el-form表单项不能双向绑定
1、要注意的点  Element-plus使用el-form必须配置ref和model属性，二者的值不能相同（在ElementUI中是可以相同的）。ref的值在声明的时候要引入FormInstance1. <el-form :model="formModel" ref="formRef"> </el-form> //ts--- import type
重置
表单
原创
mb646ae08363d13
2024-07-04 09:07:17
386阅读

iOS App Groups怎么用
 Ext.Net MVC--3.8Form表单组件之使用Enum升级复选组件组（CheckboxGroup）暨前后台终极通信方式Checkbox进行升级，并将它和刚才的RadioGroup放入同一个Form表单中看看数据该如何通信。一、设计数据模型我们先在FormModel中定义一个动物枚举类：[Flags] public enum MyAnimal {
iOS App Groups怎么用
Ext.Net
mvc
敏捷
.NET
转载
西门吹雪
8月前
5阅读

Ant Design of Vue中输入框input解除disabled vue设置input框为必填
背景在做form表单的时候，会碰到前端要对表单进行校验处理，通过会是有input输入框或者select下拉框等，针对这些普通的表单项可以直接直接参照官网上的表单校验方式去处理：prop和v-model属性搭配去进行设置，或者直接在formModel上配置一个ref属性，然后最后提交表单时利用：this.$refs.formValidate.validate((val)=>{ // 这里的va
javascript
前端
vue.js
表单
上传
转载
mob64ca14089531
2024-07-22 17:27:40
873阅读

ant design vue 表单重置 ant design vue表单校验
前情利用antdv的 card 组件的时候，使用了带页签的 card，其中放有一些 formModelItem 这其中的每一个页签在没有被选中的时候，相关的表单项无法被渲染到页面上，造成提交的时候无法被校验。所以试当页签在切换时触发当前页签的表单项校验，如果校验通过的话，才允许切换页签。针对单个表单项在官方文档中有这样的一个方法：表单 FormModel - Ant Design Vue (ant
ant design vue 表单重置
javascript
vue.js
ant
表单
转载
mob6454cc7416d1
2024-03-18 20:33:49
506阅读

讲一讲Vue+Ant Design表单验证
与Vue搭配的后台管理UI框架，最火的莫过于饿了吗的element-ui和阿里的AntDesign，这两个框架都在实际项目上使用过，也都是各有各的优点最先接触的还是element-ui，后来项目调整，才接触到AntDesign，Form表单这块不支持双向绑定式的校验功能，在1.5.0+版本增加了FormModel表单才支持。今天就讲讲这两个在项目上使用的区别1Form表单具有数据收集、校验和提交功
Java
原创
mb5fd86dae5fbf6
2021-02-24 23:24:44
1168阅读

java 动态json 实现导出
动态表单之根据Json生成表单我们在实际的使用中，动态表单往往是由服务器端的一系列配置，然后返回数据给客户端，最后客户端根据数据来动态的生成表单。那么怎么像我们上面所描述的这样，生成一个可以让我们的客户端解析，并且可以用于服务器与客户端传输的字符呢？我第一时间能想到的最直接的办法，就是生成一些列数据，这些数据中包含客户端我们在构造FormModel时每个控件中需要的属性，最终客户端去判断控件的类型
java 动态json 实现导出
javascript
json
ViewUI
JSON
转载
编程小匠人
7月前
15阅读
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关标签

html5响应式滚动

it运维知识

java

linux怎么打开我的电脑

安装ssh时ip地址

数据库的查询思路

本地安装mysql服务

查看linux远程端口

考ccnp还是linux

软考嵌入式真题

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯