微信小程式元件：action-sheet顯示操作選單解讀與分析

action-sheet顯示操作選單的#元件說明:

• 顯示操作選單

action-sheet顯示操作選單範例程式碼運行效果如下：

下面是WXML程式碼：

<button>弹出ActionSheet</button>

下面是JS程式碼：

actionSheetTap: function () {
    var itemList= ['A', 'B', 'C']
    wx.showActionSheet({
      itemList:itemList,
      success: function (res) {
        if (!res.cancel) {
          console.log(itemList[res.tapIndex])
        }
      }
    })
  }

action-sheet顯示操作選單的主要屬性：

• OBJECT參數說明：

屬性	類型	必填	#說明
it​​emList	String Array	是	按鈕的文字數組，陣列長度最大為6個
itemColor	HexColor	否	按鈕的文字顏色，預設為」#000000」
success	#Function	否	介面呼叫成功的回呼函數，詳見返回參數說明
#fail	Function	否	介面呼叫失敗的回呼函數
complete	#Function	否	介面呼叫結束的回調函數（呼叫成功、失敗都會執行）

• #success回傳參數說明：

參數	類型	#說明
cancel	Boolean	使用者是否取消選擇
#tapIndex	Number	使用者點擊的按鈕，從上到下的順序，從0開始

#

以上是微信小程式元件：action-sheet顯示操作選單解讀與分析的詳細內容。更多資訊請關注PHP中文網其他相關文章！