uniapp 弹框 销毁

在 uniapp 中，可以使用 `uni.showModal` 或 `uni.showToast` 等方法弹出弹框，销毁弹框可以使用 `uni.hideToast` 或 `uni.hideLoading` 方法。示例代码如下：

// 弹出一个提示框
uni.showModal({
  title: '提示',
  content: '确定要删除吗？',
  success: function (res) {
    if (res.confirm) {
      console.log('用户点击确定');
    } else if (res.cancel) {
      console.log('用户点击取消');
    }
    // 隐藏弹框
    uni.hideLoading();
  }
})

// 弹出一个加载中的弹框
uni.showLoading({
  title: '加载中...'
})
// 隐藏弹框
uni.hideLoading();

需要注意的是，`uni.showToast` 和 `uni.hideToast` 方法是成对使用的，而 `uni.showModal` 和 `uni.showLoading` 则可以单独使用。

相关问题

uniapp 页面销毁

### 关于 UniApp 页面销毁

#### 页面销毁的生命周期函数

在 UniApp 中，页面销毁主要涉及 `onUnload` 这一生命周期函数。每当页面被关闭时会触发此函数[^2]。

export default {
  onUnload() {
    console.log('页面卸载');
    // 清理定时器或其他资源
  }
}

#### 正确进行页面销毁的方法

为了确保页面能够正常销毁并释放占用的内存和其他资源，在 `onUnload` 方法内应当取消订阅、清除计时器或间隔、断开 WebSocket 或者停止任何正在运行的任务等操作[^3]。

#### 需要注意的事项

- **清理工作**：务必记得移除所有可能造成内存泄漏的因素，例如解除事件绑定、清空数组对象中的数据等。

- **异步任务处理**：如果有正在进行中的网络请求或者其他异步过程，则应该考虑提前终止这些活动以防止它们继续消耗系统资源[^4].

- **状态保存**：如果有必要的话可以在此阶段将一些重要信息存储起来以便下次打开该页面的时候恢复之前的状态[^5].

uniapp 页面销毁函数

UniApp 提供了一个生命周期钩子函数 `onShowClose`，它允许你在页面即将显示（show）或关闭（close）的时候执行自定义操作。这个函数在 Vue 组件中可以作为 `setup` 函数的一部分来使用，类似于其他前端框架中的 `beforeDestroy` 或 `componentWillUnmount`。当页面即将从栈中移除时，`onShowClose` 函数会被调用，你可以在这个时候做一些清理工作，比如取消网络请求、清除定时器等。

export default {
  setup() {
    // 页面即将显示或关闭时执行的函数
    const onShowClose = () => {
      if (this.isClosing) {
        // 如果正在关闭，这里可以做清理操作，如停止计时器或者取消请求
        clearTimeout(this.timer);
        this.cancelRequest();
      }
    };

    return {
      // 返回组件实例暴露给模板使用的属性
      ...,
      onShowClose
    };
  },
};