微信小程序选择器picker中range-key的用法

本篇介绍的是微信小程序选择器picker中range-key的用法。

前言
在学习微信小程序选择器picker组建时，看到range-key参数的说明后不是很明白，于是在动手实践之后明白它的用法，特此记下。

根据微信官方文档可以得知，在range是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容。

一、js文件

WechatIMG217.png

一、wxml文件

WechatIMG218.png

一、效果

WechatIMG216.png

在上面的栗子中，我们可以看到range是一个Object Array，range-key就是指定对象中的一个key的值来作为显示在列表中的文字，这里我们选择的是lable。值得注意的是，range-key指定的key必须要加单引号“'”，如range-key="{{'label'}}"。

本篇小结：
当range是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容，并且指定key的时候必须要加单引号“'”。