小程式 三列選擇器

2021-09-08 20:05:23 字數 956 閱讀 9234

三列選擇器

>

`}年-`}月-`}日view

>

picker

>

在data裡面宣告變數

data:

在進入頁面請求資料並渲染,此步驟可以根據業務邏輯更改

onshow:

function()

}};let mutilarr=

; mutilarr[0]

=yeararr;

mutilarr[1]

=montharr[0]

;/*拿到所有月份的中的第一列資料*/

mutilarr[2]

=dayarr[0]

[0];

/*拿到所有天數中第一列資料*/

console.

log(mutilarr)

that.

setdata()

}})}

監聽picker 變換進行資料改變

某一列的值改變時觸發

columchange

(e) console.

log(mutindex)

/*被修改的列旁邊的列下標為1*/

console.

log(column)

console.

log(montharr)

console.

log(dayarr)

switch

(column)

; that.

setdata()

},

value 改變時觸發 change 事件

changemutil

(e),

小程式 選擇地區(地區選擇器)

門店位址省 市 wxss address address text address view address view1 scroll scroll view list msg2 backnew js page 生命週期函式 監聽頁面載入 onload function options 獲取省的介面...

微信小程式多列選擇器之range key

picker mode multiselector bindchange bindmultipickerchange2 bindcolumnchange bindmultipickercolumnchange2 value range range key view class picker 當前選擇...

小程式 picker 多列選擇器 資料動態獲取

需求是將各校區對應各班級的資料 以兩列選擇器的方式展示出來,並且可以在選擇完成之後記錄選結果引數。校區資料 和 班級資料 分別是兩個介面,以 校區 teach area id 字段關聯 其各班級資料 當前選擇 view picker 校區api資料格式 result 1.首先在onload 中請求校...