微信小程序中action-sheet有什么用-創(chuàng)新互聯(lián)

這篇文章主要介紹微信小程序中action-sheet有什么用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

在柳林等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作按需求定制制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),網(wǎng)絡(luò)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè),柳林網(wǎng)站建設(shè)費用合理。

微信小程序  action-sheet

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

action-sheet-item

底部菜單表的子選項。

action-sheet-cancel

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

示例代碼：

彈出action sheet

 
 {{item}}
 
 取消

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

以上是“微信小程序中action-sheet有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：微信小程序中action-sheet有什么用-創(chuàng)新互聯(lián)
文章鏈接：http://m.jiaotiyi.com/article/jccde.html