如何通过API控制 UniApp 弹窗的显示和隐藏？

在 UniApp 中，如果你想通过 API 控制弹窗的显示和隐藏，一般会涉及到 Vue 的数据绑定和事件监听。首先，你需要在组件中定义一个布尔型的数据属性来控制弹窗的状态，比如 `isPopupVisible`：

<template>
  <button @click="togglePopup">点击切换弹窗</button>
  <popup v-if="isPopupVisible">
    <!-- 弹窗内容 -->
  </popup>
</template>

<script>
import { popup } from 'uni-app';

export default {
  components: {
    popup,
  },
  data() {
    return {
      isPopupVisible: false,
    };
  },
  methods: {
    togglePopup() {
      this.isPopupVisible = !this.isPopupVisible; // 当按钮被点击时，改变 isPopupVisible 的值
    },
  },
};
</script>

在这个例子中，当你点击按钮时，`togglePopup` 方法会被调用，它会更新 `isPopupVisible` 的值，进而控制 `popup` 组件的显示或隐藏。

如果你的弹窗不是直接作为组件引入，而是通过插件或者其他库提供的 API，那么就需要查阅相应文档，了解如何调用开启和关闭的方法。通常这类插件都会提供类似 `open()` 和 `close()` 的函数供你调用。