uniapp的vue3小程序使用uni-popup

UniApp 的 Vue3 小程序中，`uni-popup` 是一个用于创建弹出框的组件，常用于显示信息、确认操作或提供选择菜单等功能。它可以帮助开发者快速构建美观且交互式的UI元素。在 Vue 组件中使用 `uni-popup`，你需要先安装官方提供的 Element Plus UI 库，并在需要的地方导入 `popup` 组件。

以下是一个简单的使用示例：

<template>
  <button @click="showPopup">点击弹出框</button>
  <el-popup
    v-model="popupVisible"
    :title="popupTitle"
    :width="popupWidth"
    :action="handleAction"
  >
    <p>{{ popupContent }}</p>
  </el-popup>
</template>

<script setup>
import { ref } from 'vue';
import { ElButton, ElPopup } from '@element-plus/components';

const popupVisible = ref(false); // 弹出框是否可见
let popupTitle = "提示信息";
let popupContent = "这是一段内容";

function showPopup() {
  popupVisible.value = true;
}

function handleAction(action) {
  if (action === '确定') {
    popupVisible.value = false; // 关闭弹出框
  }
}
</script>

在这个例子中，当你点击按钮时，会触发 `showPopup` 函数，弹出框会显示出来。用户可以选择关闭弹出框或执行其他操作（这里假设是通过 `action` 属性传递的）。