picker组件 label组件讲解

Posted shangjun6

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了picker组件 label组件讲解相关的知识,希望对你有一定的参考价值。

  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:取消选择时触发  

    

以上是关于picker组件 label组件讲解的主要内容,如果未能解决你的问题,请参考以下文章

鸿蒙App开发---Picker组件

如何在 Swiftui 中与其他组件一起在 ScrollView 或 VStack 中完全显示 Picker?

[UWP]使用Picker构建应用内图片公共裁剪组件

微信小程序组件:picker类组件 picker,picker-view,picker-view-column

鸿蒙App开发---DatePicker组件

鸿蒙App开发---DatePicker组件