<picker @change="bindPickerChange" :value="typeIndex" :range="get_typeList" range-key="name">
<view>
{{get_typeList[typeIndex]&&get_typeList[typeIndex].name}}
</view>
</picker>
picker是从底部弹起的滚动选择器。
change选择事件绑定
bindPickerChange(e) {
console.log("picker发送选择改变,携带值为", e.target.value)
this.typeIndex = e.target.value
},
此时typeIndex绑定的是下标的值
:value表示选择了 range 中的第几个(下标从 0 开始)
: range 当mode 为 selector 或 multiSelector 时,range 有效
:range-key当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容