uni-popup使用

uni-popup是一个基于Vue.js的轻量级弹窗组件库，它由UniApp框架提供，用于快速创建各种类型的弹出窗口，如alert、confirm、prompt、dialog等。在uni-app项目中，你可以通过简单的API调用来显示或关闭弹框，并可以自定义其样式和内容。

使用uni-popup的基本步骤如下：

1. 引入组件：在需要使用弹窗的页面组件的`<template>`部分引入`uni-popup`组件，通常是通过`import`导入。

<template>
  <view>
    <uni-popup v-model="popupVisible" :options="popupOptions"></uni-popup>
    <!-- 其他内容 -->
  </view>
</template>

2. 初始化状态：在`data`对象中设置`popupVisible`布尔属性控制弹窗是否可见，默认值通常设为`false`。

data() {
  return {
    popupVisible: false,
    popupOptions: {
      title: '提示',
      content: '这是一个弹窗示例',
      showCancel: true, // 是否显示取消按钮
      confirmText: '确定', // 确定按钮文字
      cancelText: '取消' // 取消按钮文字
    }
  };
}

3. 显示与关闭：当需要打开弹窗时，将`popupVisible`设置为`true`；关闭时设置为`false`。

methods: {
  openPopup() {
    this.popupVisible = true;
  },
  closePopup() {
    this.popupVisible = false;
  }
}