当使用 Picker 组件时,你可以通过绑定简单数组或多维数组来设置选择器的选项。下面是一个示例说明,包含绑定简单数组和绑定多维数组的示例。
1.绑定简单数组:
{{array[selected]}}
在上面的代码中,array
是一个简单数组,selected
是数据绑定的选项索引。
2.绑定多维数组:
{{multiArray[0][selected[0]]}}-{{multiArray[1][selected[1]]}}-{{multiArray[2][selected[2]]}}
在上面的代码中,multiArray
是一个多维数组,selected
是数据绑定的选项索引数组。
需要注意的是,Picker 组件的 range
属性接受的是一个数组,可以是简单数组或多维数组。
在对应的 JavaScript 文件中,设置数组数据:
Page({ data: { array: ['选项1', '选项2', '选项3', '选项4'], selected: 0, multiArray: [['选项A', '选项B', '选项C'], ['选项X', '选项Y', '选项Z'], ['选项P', '选项Q', '选项R']], multiSelected: [0, 0, 0] }, onPickerChange: function(e) { const val = e.detail.value; this.setData({ selected: val, multiSelected: val }); } });
在上面的代码中,array
是简单数组,selected
是选项索引值。
multiArray
是多维数组,multiSelected
是多维数组的选项索引数组。
当选择器的选项发生变化时,onPickerChange
函数将被触发,更新对应的选项索引,并通过 setData 方法将数据更新到页面。
通过以上示例,你可以在小程序开发中使用 Picker 组件来实现绑定简单数组或多维数组的选择功能。根据自己的实际需求,进行相应的数据绑定和处理逻辑。