很久沒有更新文章啦~~記錄下今天弄的乙個小功能。
先上圖:
第1列改變的時候,第2列也隨著改變,並且比第1列大1k。
,對於不太熟練這個元件的小夥伴可以先看下官方文件。
主要用到了多列選擇器,如下圖:
1.在onload裡面生成乙個二維陣列,形式如下:
[['1k','2k','3k','4k','5k','6k','7k','8k'...],['1k','2k','3k','4k','5k','6k','7k','8k'...]]
onload: function2.data資料設定如下:(options) k`);
salaryend.push(`$k`)
}salaryarray.push(salarystart);
salaryarray.push(salaryend);
_this.setdata()
},
data:3.在wxml繫結這些資料
<4.定義bindchange 和 bindcolumnchange方法picker
mode
="multiselector"
bindchange
="bindmultipickerchange"
bindcolumnchange
="bindmultipickercolumnchange"
value
="}"
range
="}"
>
<
view
class
="picker"
>
}-}
view
>
picker
>
//確定時觸發該事件方法說明: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...