<
picker
mode
="multiselector"
bindchange
="bindmultipickerchange2"
bindcolumnchange
="bindmultipickercolumnchange2"
value="
}"range="
}"range-key="
}">
<
view
class
="picker"
>
當前選擇:},}
view
>
picker
>
請記得點讚額!!!page(,
], [,,
,,]],
multiindex2: [0, 0],
},bindmultipickerchange2: function (e) )
},bindmultipickercolumnchange2: function (e) ;
data.multiindex2[e.detail.column] = e.detail.value;
switch (e.detail.column) ,,,
,];
// data.multiarray[2] = ['豬肉絛蟲', '吸血蟲'];
break;
case
1: data.objectmultiarray[1] = [,,
];break;
}data.multiindex2[1] = 0;
// data.multiindex[2] = 0;
break;
}this.setdata(data);
}})
|------components |------toast |------toast.js |------toast.wxml |------toast.wxss
<
template
name
='toast'
>
<
view
class
="s-toast"
wx:if="
}">
<
view
class
="s-toast-content"
>
}view
>
view
>
template
>
/** * toastmsg 必傳 提示內容 * showtime 非必傳 顯示時間秒 */
function
toast
(page, toastmsg, showtime
) ) showtime = showtime || toastmsg.length / 4
console.log(showtime) cleartimeout(timer) timer = settimeout(() => ) cleartimeout(timer) }, showtime * 1000) } module.exports =
.s-toast-content
import from '../../../project/component/toast/toast.js'
toast(this, '填寫詳細資訊')
變成toast(this,'填寫詳細資訊'
')
toast('填寫詳細資訊'')
微信小程式之picker元件(多列選擇器)
1 需求 省市選擇器。原生的省市區 mode region 選擇器只能獲取漢字,不能定製每個省市的id,另外區選擇器實際專案中沒有使用到,思考下後選擇手動修改多列選擇器 mode multiselector 實現功能。實現原理 multiarray是二維陣列,省資料儲存在二維陣列第0個中,市資料切換...
微信小程式 聯動選擇器
從底部彈起的滾動選擇器,現支援五種選擇器,通過mode來區分,分別是普通選擇器,多列選擇器,時間選擇器,日期選擇器,省市區選擇器,預設是普通選擇器。先來看看效果圖 普通選擇器 view picker bindchange bindpickerchang value range view class ...
微信小程式滑動選擇器
在wxml檔案中,用乙個picker標籤代表選擇器,bindchange是使用者點選確定後觸發的函式,index是picker自帶的引數,使用者點選確定後,bindchange繫結的函式用.detail.value就可以訪問到。第乙個選擇的index值為0,依次遞增。range要在page的data...