屬性名	類型	默認(rèn)值	說(shuō)明
hidden	Boolean	true	是否隱藏
bindchange	EventHandle		點(diǎn)擊背景或action-sheet-cancel按鈕時(shí)觸發(fā)change事件，不攜帶數(shù)據(jù)

action-sheet-item

底部菜單表的子選項(xiàng)。

action-sheet-cancel

底部菜單表的取消按鈕，和action-sheet-item的區(qū)別是，點(diǎn)擊它會(huì)觸發(fā)action-sheet的change事件，并且外觀上會(huì)同它上面的內(nèi)容間隔開(kāi)來(lái)。

示例代碼：

<button type="default" bindtap="actionSheetTap">彈出action sheet</button>
<action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetChange">
 <block wx:for-items="{{actionSheetItems}}">
 <action-sheet-item class="item" bindtap="bind{{item}}">{{item}}</action-sheet-item>
 </block>
 <action-sheet-cancel class="cancel">取消</action-sheet-cancel>
</action-sheet>

var items = ['item1', 'item2', 'item3', 'item4']
var pageObject = {
 data: {
 actionSheetHidden: true,
 actionSheetItems: items
 },
 actionSheetTap: function(e) {
 this.setData({
 actionSheetHidden: !this.data.actionSheetHidden
 })
 },
 actionSheetChange: function(e) {
 this.setData({
 actionSheetHidden: !this.data.actionSheetHidden
 })
 }
}

for (var i = 0; i < items.length; ++i) {
 (function(itemName) {
 pageObject['bind' + itemName] = function(e) {
 console.log('click' + itemName, e)
 }
 })(items[i])
}

Page(pageObject)
action-sheet

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

微信小程序之網(wǎng)絡(luò)請(qǐng)求簡(jiǎn)單封裝實(shí)例詳解
這篇文章主要介紹了微信小程序之網(wǎng)絡(luò)請(qǐng)求簡(jiǎn)單封裝實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2017-06-06
微信小程序中button組件的邊框設(shè)置的實(shí)例詳解
這篇文章主要介紹了微信小程序中button組件的邊框設(shè)置的實(shí)例詳解的相關(guān)資料,希望通過(guò)本文大家能夠掌握這部分內(nèi)容，需要的朋友可以參考下
2017-09-09
8個(gè)工程必備的JavaScript代碼片段
這篇文章小編主要給大家介紹是8個(gè)工程中必須必備的JavaScript代碼片段,需要的小伙伴可以參考下面文章的具體內(nèi)容，對(duì)你有用的話建議收藏哦
2021-09-09
微信小程序（十六）form組件詳細(xì)介紹
這篇文章主要介紹了微信小程序form組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
2016-09-09
JS 4個(gè)超級(jí)實(shí)用的小技巧提升開(kāi)發(fā)效率
JS有很多小技巧可以使代碼更精簡(jiǎn)、更簡(jiǎn)單。今天主要分享4個(gè)技巧，在平時(shí)的工作中可以大大的縮短代碼量和開(kāi)發(fā)時(shí)間。,需要的朋友可以參考下面文章內(nèi)容喲
2021-09-09
js 實(shí)現(xiàn)文件上傳樣式詳情
這篇文章主要介紹了js 實(shí)現(xiàn)文件上傳樣式，下面文章舉例說(shuō)明js 是如何實(shí)現(xiàn)文件上傳樣式的，附有代碼詳細(xì)解說(shuō),需要的朋友可以參考一下，希望對(duì)你有所幫助
2021-10-10
關(guān)于JavaScript防抖與節(jié)流的區(qū)別與實(shí)現(xiàn)
這篇文章主要介紹關(guān)于JavaScript防抖與節(jié)流的區(qū)別與實(shí)現(xiàn)，防抖就是用戶多次觸發(fā)事件，在用戶一直觸發(fā)事件中，事件不會(huì)執(zhí)行，只有在用戶停止觸發(fā)事件一段時(shí)間之后再執(zhí)行這個(gè)事件一次，二節(jié)流是用戶多次觸發(fā)事件，具體詳情一i起來(lái)學(xué)習(xí)下面文章內(nèi)容吧
2021-10-10
JavaScript基本語(yǔ)法講解
這篇文章主要介紹了JavaScript的基本語(yǔ)法,包括注釋和書寫格式等基本知識(shí),需要的朋友可以參考下
2015-06-06
JavaScript代碼不能被阻斷的穩(wěn)定性建設(shè)
這篇文章主要為大家介紹了JavaScript代碼不能被阻斷的穩(wěn)定性建設(shè)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
async-validator實(shí)現(xiàn)原理源碼解析
這篇文章主要為大家介紹了async-validator實(shí)現(xiàn)原理源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01