小程序普通选择器的rank-key的值必须带单引号

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

今天在学习的时候 ,做普通选择器的时候在rank-key这个属性上面遇到了问题,

官方文档上面的介绍:当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容

官方文档和例子里面也没有相关的例子,刚开始写的时候是这样写的

  <picker bindchange="bindPickerChange" value="{{index}}" range="{{objectArray}}"  range-key="{{name}}">
    <view class="picker">
      当前选择:{{objectArray[index].name}}
    </view>
  </picker>

标红的位置就是出现问题的地方,原来要选择某个key的值作为显示器内容的时候必须要加单引号,如下:

  <picker bindchange="bindPickerChange" value="{{index}}" range="{{objectArray}}"  range-key="{{'name'}}">
    <view class="picker">
      当前选择:{{objectArray[index].name}}
    </view>
  </picker>
这样问题就解决了
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值