Skip to content

mosowe-confirm-popup 消息弹框

uniapp/uni_modules组件

下载地址

TIP

简约版消息确认提示弹窗,开启message属性则使用统一的消息提示类型。
依赖组件:uni-popup

适用于消息提示的弹框

兼容性

平台androidios微信小程序H5
兼容

props

属性类型说明默认
modelValueboolean弹框显示与隐藏false
titlestring弹框标题提示
messageboolean内置消息文案样式false
hideCancelboolean隐藏取消按钮false
confirmTextstring确认按钮文案确认
cancelTextstring取消按钮文案取消

emits

事件名说明
confirm确认事件
cancel取消事件

slots

插槽名说明
default内容区插槽
footer底部插槽
title头部插槽

示例代码

vue
<template>
  <mosowe-button @click="popupNoCancelShow = true">无取消弹框</mosowe-button>    
  <mosowe-confirm-popup
    v-model="popupNoCancelShow"
    hideCancel
    confirmText="我知道了"
  >
    没有取消弹框
  </mosowe-confirm-popup>
</template>

<script setup lang="ts">
  import { ref } from 'vue';
  const popupSlotFooterShow = ref(false);
</script>

贡献者

mosowe

文档版本 v1.0.1