微信小程序picker中的rang 和rang-key

官方给出的方法

 

从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。

普通选择器:mode = selector

属性名类型默认值说明 
rangeArray / Object Array[]mode为 selector 或 multiSelector 时,range 有效 
range-keyString 当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容 
valueNumber0value 的值表示选择了 range 中的第几个(下标从 0 开始) 
bindchangeEventHandle value 改变时触发 change 事件,event.detail = {value: value} 
disabledBooleanfalse是否禁用 
bindcancelEventHandle 取消选择或点遮罩层收起 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版权协议,转载请附上原文出处链接和本声明。