小程式元件之picker和range key的用法

2022-08-04 01:42:18 字數 847 閱讀 1122

以下是官網給的說明:

具體的用法:

wxml:

1

<

picker

mode

="selector"

value

="}"

range

="}"

bindchange

='bindpickerchange'

range-key

="}"

>

2<

view

class

="picker"

>

3當前選擇:}

4view

>

5picker

>

js中的資料部分:

1

objectarray: [2,

6,10,

1418 ]

注意事項:

1、range的值為object array型別,也就是上面的資料部分。

2、range-key中的值為對應資料的key,並且要加單引號。這樣picker顯示的內容就是name屬性對應的值。

3、在當前選擇的時候,要注意寫完整需要的資料內容,也就是objectarray[index].name,而不能只寫objectarray[index]。獲取id的值:objectarray[index].id

小程式開發之 表單元件(picker)

參考 picker onshow function onhide function globaldata style v2 sitemaplocation sitemap.json picker.js page index 0,multiarray 無脊柱動物 脊柱動物 扁性動物 線形動物 環節動物...

小程式picker標題 微信小程式之picker

下面來介紹小picker,分三種樣式 預設的自己可以定義資料的 mode time 是時間選擇器 mode date 是日期選擇器 跟其他的一樣先來看下picker.wxml picker 選擇器地區選擇器 當前選擇 時間選擇器 當前選擇 日期選擇器 當前選擇 picker.wxss page ba...

微信小程式之picker元件(多列選擇器)

1 需求 省市選擇器。原生的省市區 mode region 選擇器只能獲取漢字,不能定製每個省市的id,另外區選擇器實際專案中沒有使用到,思考下後選擇手動修改多列選擇器 mode multiselector 實現功能。實現原理 multiarray是二維陣列,省資料儲存在二維陣列第0個中,市資料切換...