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 的值作爲選擇器顯示內容