uni.showModal 使用示例

uni.showModal 是 uni-app 框架提供的一个用于显示模态对话框（弹窗）的 API。下面是使用示例：

<template>
  <view class="container">
    <button @click="showModal">显示弹窗</button>
  </view>
</template>

<script>
export default {
  methods: {
    showModal() {
      uni.showModal({
        title: '提示',
        content: '这是一个弹窗',
        success: function (res) {
          if (res.confirm) {
            console.log('用户点击确定');
          } else if (res.cancel) {
            console.log('用户点击取消');
          }
        }
      });
    }
  }
}
</script>

在这个示例中，我们在模板中定义了一个按钮，当用户点击按钮时，将会调用 `showModal` 方法，该方法调用了 `uni.showModal` API 来显示一个模态对话框。在弹窗中，我们设置了标题和内容，同时还指定了成功回调函数。当用户点击弹窗的确定或取消按钮时，将会触发该回调函数，并根据用户的选择进行相应的处理。

相关问题

uni.showModal配合uni.showPrompt

uni.showModal是uni-app框架中的一个API，用于显示模对话框，可以用来展示一些提示信息或者确认操作。而uni.showPrompt是一个自定义的函数，可能是你自己封装的函数，我不清楚具体实现细节。但是一般来说，可以将uni.showPrompt作为回调函数传递给uni.showModal，以实现在模态对话框中显示自定义的内容和逻辑。

以下是一个示例代码，展示了如何使用uni.showModal配合uni.showPrompt：

// 在某个事件触发时调用
function showModalWithPrompt() {
  uni.showModal({
    title: '提示',
    content: '是否确认删除该条记录？',
    success: function (res) {
      if (res.confirm) {
        // 用户点击了确认按钮
        uni.showPrompt({
          title: '请输入密码',
          success: function (res) {
            if (res.confirm) {
              // 用户输入密码并点击了确认按钮
              // 执行删除操作
            } else if (res.cancel) {
              // 用户点击了取消按钮
              // 取消删除操作
            }
          }
        });
      } else if (res.cancel) {
        // 用户点击了取消按钮
        // 取消删除操作
      }
    }
  });
}

在上述示例中，当用户触发某个事件时，会弹出一个模态对话框，询问用户是否确认删除记录。如果用户点击了确认按钮，则会再次弹出一个自定义的输入框对话框，要求用户输入密码。根据用户的操作结果，可以执行相应的删除操作或者取消删除操作。

uni.showModal

uni.showModal 是在uni-app中用于显示模态对话框的方法。模态对话框是一种弹出窗口，它会阻止用户与应用程序的其他部分进行交互，直到用户关闭对话框为止。该方法需要传入一个对象作为参数，对象包含以下属性：

- title：对话框的标题
- content：对话框的内容
- showCancel：是否显示取消按钮，默认为true
- cancelText：取消按钮的文本，默认为"取消"
- confirmText：确认按钮的文本，默认为"确定"
- success：对话框关闭时的回调函数，参数为一个对象，包含以下属性：
- confirm：用户是否点击了确认按钮，布尔类型

示例代码：

uni.showModal({
  title: '提示',
  content: '这是一个模态对话框',
  success: function(res) {
    if (res.confirm) {
      console.log('用户点击了确认按钮');
    } else if (res.cancel) {
      console.log('用户点击了取消按钮');
    }
  }
});