uni-app中plus.nativeUI.confirm的使用

在uni-app中，plus.nativeUI.confirm 是一个常用的API，用于调用原生界面的确认对话框。这个对话框通常包含标题、消息内容以及几个按钮，用户点击按钮后会触发相应的事件。下面是一个关于如何使用 plus.nativeUI.confirm 的代码案例，包括如何显示对话框以及处理用户点击按钮后的逻辑。

首先，需要确保你的项目已经正确配置了5+ App（HBuilderX）环境，因为 plus API 是5+ App特有的。

代码案例

// 引入必要的模块
const plus = window.plus;

// 显示确认对话框的函数
function showConfirmDialog() {
    plus.nativeUI.confirm(
        '您确定要执行此操作吗？', // 消息内容
        function(e) {
            // 用户点击按钮后的回调函数
            // e.index 表示用户点击的按钮索引，从1开始
            if (e.index === 1) {
                // 用户点击了“确定”按钮（假设“确定”按钮是第一个按钮）
                console.log('用户点击了确定按钮');
                // 在这里执行确定操作，例如提交表单、删除数据等
                performAction();
            } else if (e.index === 2) {
                // 用户点击了“取消”按钮（假设“取消”按钮是第二个按钮）
                console.log('用户点击了取消按钮');
                // 在这里执行取消操作，例如关闭对话框、不清除表单等
            }
        },
        '确认对话框', // 标题
        ['确定', '取消'] // 按钮数组，数组中的字符串表示按钮上的文字
    );
}

// 执行确定操作的函数（示例）
function performAction() {
    // 在这里编写具体的操作逻辑
    console.log('执行确定操作');
    // 例如，可以发送一个网络请求，或者更新UI等
}

// 调用显示确认对话框的函数
showConfirmDialog();

注意事项

1. 按钮顺序：在 plus.nativeUI.confirm 的按钮数组中，按钮的顺序是从左到右排列的。因此，['确定', '取消'] 中的“确定”按钮会在左侧，“取消”按钮会在右侧。

2. 回调函数：回调函数的参数 e 包含了用户点击的按钮索引，从1开始计数。因此，可以通过判断 e.index 的值来确定用户点击了哪个按钮。

3. 环境要求：由于 plus API 是5+ App特有的，因此这段代码只能在HBuilderX环境中运行，且打包成原生应用后才能看到效果。在Web端或小程序端是无法运行的。

通过以上代码案例，你可以在uni-app中轻松地使用 plus.nativeUI.confirm 来显示一个原生确认对话框，并根据用户的点击事件执行相应的操作。