uni表单组件封装
展示效果
表单效果组件介绍组件说明
此组件为一个输入框,利用它可以快速实现表单验证,输入内容 基本使用Props
参数
说明
类型
默认值
可选值
label
标题
String
标题
-
type
输入内容的类型
String
text
text / number
code
表单字段 id ,用于配合 m-form-btn 提交数据使用
String
id
-
value
初始值,用于编辑页面绑定值
String , Number
-
-
placeholder
placeholder 显示值
String
请输入数据
-
required
是否必填
Boolean
false
false / true
rule
正则表达式,用于表单验证
String
-
-
errTip
错误提示
String
请输入正确的数据
- 组件说明
此组件为一个多行输入框,利用它可以快速实现表单验证,输入内容 基本使用Props
参数
说明
类型
默认值
可选值
label
标题
String
标题
-
code
表单字段 id ,用于配合 m-form-btn 提交数据使用
String
id
-
value
初始值
String ,用于编辑页面绑定值
-
-
placeholder
placeholder 显示值
String
请输入数据
-
required
是否必填
Boolean
false
false / true
maxlength
限制文本输入的最长字符串
Number
100
- 组件说明
此组件为一个单选框,数据在当前页面 基本使用 data() { return { Fruits:[{ id:1, label:"苹果" },{ id:2, label:"香蕉" }] } }, Props
参数
说明
类型
默认值
可选值
label
标题
String
标题
-
code
表单字段 id ,用于配合 m-form-btn 提交数据使用
String
id
-
value
list 数据对应的索引,-1代表不选中,用于编辑页面绑定值
Number
-1
-
list
带选择的数据列表,对象结构得满足{id:0,label:"名称"}
Array
[]
-
required
是否必填
Boolean
false
false / true 说明
当未选中任何值时,返回数据为null,否则返回数据对象{id:0,label:"名称"}。 组件说明
此组件为一个多选框,数据在当前页面 基本使用 data() { return { Fruits:[{ id:1, label:"苹果" },{ id:2, label:"香蕉" }], activeFruits:[] } }, Props
参数
说明
类型
默认值
可选值
label
标题
String
标题
-
code
表单字段 id ,用于配合 m-form-btn 提交数据使用
String
id
-
value
list 数据对应的id,初始值,用于编辑页面绑定值
Array
[]
-
list
带选择的数据列表,对象结构得满足{id:0,label:"名称"}
Array
[]
- 说明
当未选中任何值时,返回数据为[],否则返回数据对象[{id:0,label:"名称"}]。 组件说明
此组件为一个提交按钮,专为form表单设计使用 基本使用 tapSubmit(e){ if(!e.isRules){ this.$u.toast("请按要求录入数据") }else{ console.log(e.pageData) } } Props
参数
说明
类型
默认值
可选值
label
按钮显示文字
String
提交
- Events
事件名称
说明
回调参数
submit
提交表单
(e:{isRules,pageData}),isRules:数据是否验证通过;pageData:要提交的数据 使用例子
有一种牵挂,是等你回家人的一生,因为有情,所以彼此牵挂。人的一生,并不是一个人在走,有父母亲人朋友等在不远不近的地方,静静的陪着你,念着你让你想起来就幸福。牵挂,是你若安好,我便晴天是两情若在长久,不在
注胶肉或已泛滥?消化科主任这6种肉,请转告父母尽量少吃肉是我们日常生活中不可缺少的食物,为我们带来了丰富优质的蛋白质脂肪和维生素等多种营养素和人体所需的微量元素。日常生活中我们都讲究荤素搭配,因此我们每天除了吃蔬菜之外,肉类也几乎是每
玻尿酸和水光针效用不同各显神通经常有求美者来咨询玻尿酸与水光针的注射效果。虽然这两者的主成分都是玻尿酸,但是原料制造工艺产品成分质地等都不同,使得玻尿酸的形态差异很大,造成了两者在适应证作用效果维持时间等方面的
注射玻尿酸和涂抹玻尿酸的区别这两者的作用和功能是完全不一样的,注射玻尿酸属于医用级的,而涂抹的玻尿酸是属于美容级的,它们的制造工艺和浓度时完全不同的,可以说此玻尿酸非彼玻尿酸。注射玻尿酸,我们一般是将玻尿酸注
高尿酸不能吃羊肉?84岁院士不想肾衰缠身,这6物嘴下留情尿酸高被称为第四高,主要是由于体内嘌呤物质摄入过多,无法正常排泄,最终引发了高尿酸血症。高尿酸血症会导致关节的组织纤维化,甚至让人出现骨关节异常病变引起骨折等尿酸高还会出现肾脏功能
哲理玻尿酸精华面膜!它们即将以这种方式混入人类肌肤新品发布会哲理玻尿酸精华面膜换季最头疼的是什么?就是到底怎么有效补水啊友友们!一旦皮肤缺水,干痒敏感都是小事,还有可能会造成肌肤屏障受损,连带干纹细纹也会爬上脸,所以到底怎样才能让
泰州苏王秋冬皮肤干,要多敷面膜来保湿吗?有朋友问,秋冬天气干燥,皮肤也随之变得很干,要多敷面膜来保湿吗?秋冬季节可以适度敷面膜,因为面膜中的水分可以充分滋润皮肤角质层,使角质层含水量增高透明度提升外观改善。根据面膜类产品
尿酸高光靠饮食控制可不行尿酸高现在已悄然成为除三高之外一个常见的病症,高尿酸导致的痛风发作更是让人苦不堪言。很多人在发现自己痛风后,即使严格控制饮食,可还是痛风频发。对此,山西省中医院检验科侯佳宜提醒并不
麻辣烫第一股来了杨国福赴港上市获批复,9个月赚超2亿元杨国福麻辣烫拿到H股上市大路条,麻辣烫第一股或将诞生。近日,上海杨国福企业管理(集团)股份有限公司(以下简称杨国福麻辣烫)首次公开发行境外上市外资股(H股)的相关申请报告获中国证监
JAVA基础java基础4(JAVA继承JAVA多态抽象类接口)JAVA继承继承是由子对象完全继承父对象的数据和操作,is的关系。被继承的类被称为父类(superclass),也叫基类超类。继承后的类称为子类(subclass),也叫派生类。j
梅里北坡去不了了?梅里北坡去不了了,一大早,我们的司机扎安打电话来说,北坡的徒步者中出了两个次密接,整个景区被关闭,已经进山的几百徒步者,也被驱赶了出来,在村子附近就地隔梨。今年的国庆节,竟然比前两