picker标签

<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 的值作为选择器显示内容