一、介紹

在我們的應用中，經常存在一些操作需要用戶進行確認，例如刪除數據或者支付等。Uniapp提供了多種不同樣式和功能的確認框，方便我們快速實現操作確認功能。

Uniapp主要提供了兩種不同風格的確認框，分別是uni.showModal和uni.showActionSheet。

二、uni.showModal詳解

uni.showModal主要用于展示一個包含title、content和兩個操作按鈕的對話框。

    uni.showModal({
        title: '確認刪除',
        content: '你確定要刪除這個數據嗎？',
        success: function (res) {
            if (res.confirm) {
                console.log('用戶點擊了確定按鈕');
            } else if (res.cancel) {
                console.log('用戶點擊了取消按鈕');
            }
        }
    });

在上面的代碼中，我們展示了一個帶有標題“確認刪除”和內容“你確定要刪除這個數據嗎？”的確認框，并提供了“確定”和“取消”兩個操作按鈕。用戶點擊確定按鈕時，控制臺上會輸出“用戶點擊了確定按鈕”；當用戶點擊取消按鈕時，控制臺上會輸出“用戶點擊了取消按鈕”。

uni.showModal方法可以接收多個參數，其中一些比較重要的屬性如下：

三、uni.showActionSheet詳解

uni.showActionSheet用于展示一個包含多個操作按鈕的對話框。

    uni.showActionSheet({
        itemList: ['選項1', '選項2', '選項3'],
        success: function (res) {
            console.log('用戶選擇了第' + (res.tapIndex + 1) + '個選項');
        }
    });

在上面的代碼中，我們展示了一個帶有三個操作選項的確認框，用戶可以通過點擊選項來執行不同的操作。當用戶選擇一個選項時，控制臺上會輸出對應選項的序號。

uni.showActionSheet方法可以接收多個參數，其中一些比較重要的屬性如下：

四、總結

通過本文我們學習了uniapp中的確認框方法uni.showModal和uni.showActionSheet，并深入了解了如何使用它們進行操作確認和選擇操作。使用uni.showModal或uni.showActionSheet可以方便地為我們的應用提供操作確認和選擇等功能。