通常,我们在获取后台的数据字典要显示在页面的picker中,如上图所示,
但后台传过来的参数是以数组格式传过来的数据,里面是多项json结构的数据,
在picker中显示的只是每项json结构数据中的某一项,但需要给后台传的数据却是另一项,
例如:后台给我的数据是myAnnual这个数组,我在picker上显示的是每一项数据里面的label这项,但要给后台传的参数却是value这一项。
这时候,就要用到range和range-key这两个参数。
range是你要显示的数组,range-key是数组中你要显示的那一项,也就是图示里面的label,值得注意的是range="{ {myAnnual}}"
range-key="{ {'label'}}" ,range-key中的数据要加引号!!!!!才生效!
在页面的data中默认显示选择的下标,
在picker中显示的时候 { {myAnnual[isAnnual].label}},
在获取数据的时候,使用 value="{ {myAnnual[isAnnual].value}}"。
代码:
Page({
data: {