官方给出的方法
从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。
普通选择器:mode = selector
| 属性名 | 类型 | 默认值 | 说明 | |
|---|---|---|---|---|
| range | Array / Object Array | [] | mode为 selector 或 multiSelector 时,range 有效 | |
| range-key | String | 当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容 | ||
| value | Number | 0 | value 的值表示选择了 range 中的第几个(下标从 0 开始) | |
| bindchange | EventHandle | value 改变时触发 change 事件,event.detail = {value: value} | ||
| disabled | Boolean | false | 是否禁用 | |
| bindcancel | EventHandle | 取消选择或点遮罩层收起 picker 时触发 |
其中两个地方说的不是特别明显
就是rang 和rang-key
如果是数组是这种
option3: ['艺术推广','艺术推广2','艺术推广3'],只需要rang就好
当时如果是键值对的形式
就需要rang-key
前段代码
<view class="row-wrap">
<view class="label">应聘岗位</view>
<picker name="position" class="label-right inputText" bindchange="bindchange3" value="{{option3[index3].title}}" range='{{option3}}' range-key="{{'title'}}">
<view class="select_picker select-r">
{{option3[index3].title}}
<image mode="aspectFit" class="select_arrow" src="../../images/icon_right.png"></image>
</view>
</picker>
</view>
option3: [{id:1,title:'艺术推广'},{id:1,titleL:'测试项'}];
版权声明:本文为weixin_41487694原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。