更新记录

1.0.0（2026-08-12） 下载此版本

首次发布：提供双向显示状态、遮罩关闭、确认和取消事件。

平台兼容性

AI 提示弹窗

组件名：ai-alert

零依赖的 uni-app 确认提示弹窗，适用于删除确认、退出确认和操作提示等场景。

安装

从插件市场导入后保留 uni_modules/ai-alert。项目开启 easycom 时可直接使用；否则手动导入：

import AiAlert from '@/uni_modules/ai-alert/components/ai-alert/ai-alert.vue'

使用

<template>
  <view>
    <button @click="visible = true">删除</button>
    <ai-alert
      :visible.sync="visible"
      title="删除内容"
      content="删除后无法恢复，确认继续吗？"
      confirm-text="删除"
      :mask-closable="true"
      @confirm="handleConfirm"
      @cancel="handleCancel"
      @close="handleClose"
    />
  </view>
</template>

<script>
export default {
  data() {
    return { visible: false }
  },
  methods: {
    handleConfirm() {
      // 执行确认操作
    },
    handleCancel() {
      // 用户点击取消
    },
    handleClose() {
      // 所有关闭方式都会触发
    }
  }
}
</script>

属性

事件与方法

• confirm：点击确认后触发。
• cancel：点击取消后触发。
• close：通过确认、取消、遮罩或 hide() 关闭时触发，参数为关闭原因。
• show()：通过 ref 请求显示弹窗。
• hide()：通过 ref 请求关闭弹窗。

平台

支持 Vue 2 的微信小程序、App-Vue 与 H5，无第三方依赖；不支持 nvue 和 Vue 3。