微信小程式 選擇某個區間的數字

2022-03-14 09:22:51 字數 1552 閱讀 4629

很久沒有更新文章啦~~記錄下今天弄的乙個小功能。

先上圖:

第1列改變的時候,第2列也隨著改變,並且比第1列大1k。

,對於不太熟練這個元件的小夥伴可以先看下官方文件。

主要用到了多列選擇器,如下圖:

1.在onload裡面生成乙個二維陣列,形式如下:

[['1k','2k','3k','4k','5k','6k','7k','8k'...],['1k','2k','3k','4k','5k','6k','7k','8k'...]]

onload: function

(options) k`);

salaryend.push(`$k`)

}salaryarray.push(salarystart);

salaryarray.push(salaryend);

_this.setdata()

},

2.data資料設定如下:

data:
3.在wxml繫結這些資料

<

picker

mode

="multiselector"

bindchange

="bindmultipickerchange"

bindcolumnchange

="bindmultipickercolumnchange"

value

="}"

range

="}"

>

<

view

class

="picker"

>

}-}  

view

>

picker

>

4.定義bindchange 和 bindcolumnchange方法

//確定時觸發該事件

bindmultipickerchange(e) )

},//滑動列時觸發該事件

bindmultipickercolumnchange(e)

data.salaryindex[currentcolunm] =currentclounmindex

data.salaryindex[1] =currentclounmindex;

this

.setdata(data)

},

方法說明:

1.currentcolunm 表示當前滑動的列數

2.currentclounmindex 表示選擇某一列的值的索引

如下圖:

讓第2列的可選擇區間永遠大於第1列。

各位小夥伴如果有更合適的解決方案,望不吝賜教~~

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...

微信小程式

你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。全新的介面設計,將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式,markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...