picker组件 label组件讲解

Posted 2021-12-08 shangjun6

　　label组件：包住表单的组件，将里面的表单和label里的元素，紧紧的包在一起，当触发label里的元素，就相当于触发了表单组件

　　属性：for：类型　　字符串　　表单的 id 的值

　　

　　picker组件：是一个滚动选择器，在页面下半部分

　　属性：

　　　　mode：类型　　字符串　　选择器类型

　　　　　　属性值：selector　　普通选择器

　　　　　　　　　　multiSelector　　多列选择器

　　　　　　　　　　time　　时间选择器

　　　　　　　　　　date　　日期选择器

　　　　　　　　　　region　　省市区选择器

　　　　disabled：类型　　布尔　　是否禁用

　　　　通过mode类型，他的属性是不一样的

　　　　　　selector（单项列表，多列列表）的属性：

　　　　　　　　range：类型　　数组/对象　　如果是数组的话/滚动的时候便可直接看到，如果是对象的话，滚动的是object，需用到 rang-key 属性

　　　　　　　　range-key：类型　　字符串　　对象的下标

　　　　　　　　value：类型　　数字　　默认第几个选项，下标从0开始；

　　　　　　事件：

　　　　　　　　bindchange：value 改变时触发

　　　　　　time（时间选择）的属性：

　　　　　　　　value：类型　　字符串　　表示选中的时间，格式为"hh:mm"

　　　　　　　　start：类型　　字符串　　表示有效的时间范围内开始，格式为"hh:mm"

　　　　　　　　end：类型　　字符串　　表示有效时间内范围结束，格式为"hh:mm"　

　　　　　　事件：

　　　　　　　　bindchange：value改变时触发

　　　　　　date（日期选择器）的属性：

　　　　　　　　value：类型　　字符串　　格式为选中的日期，格式为（YYYY-MM-DD）

　　　　　　　　start：类型　　字符串　　表示有效日期范围的开始

　　　　　　　　end：类型　　字符串　　表示有效日期范围的结束

　　　　　　　　fields：类型　　表示选择器的粒度

　　　　　　　　　　属性值：year　　选择器粒度为年

　　　　　　　　　　　　　　month　　选择器粒度为月份

　　　　　　　　　　　　　　day　　选择器粒度为天

　　　　　　region（省市区选择器）的属性

　　　　　　　　value：类型　　array　　表示选中的省市区，默认每一列中的第一个值

　　　　　　　　custom-item：类型　　string　　为每一列的顶部添加第一个选项

　　　　　　

　　　　　　　　　　　　　

　　事件：

　　　　bindcancel：取消选择时触发