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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/lixuce1234/article/details/79454783

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>

这样问题就解决了