更新记录

1.0.2(2019-08-27)

新增了 event 事件和事件返回参数,去除修饰符,直接使用 v-model 实现绑定


平台兼容性

组件

modal

说明:该组件仅供参考,也可做实际使用(如果你不想用系统提供的 showModal),不做长期维护(因为...也没有必要)

属性说明
  • 以下属性都为选填项
属性名 类型 默认值 说明 是否有插槽
v-model Boolean false 双向绑定, 是否显示弹框
title String 提示 标题
text String 提示内容
no-cancel Boolean false 是否隐藏 cancel 按钮
cancel-text String 取消 cancel 按钮文字
cancel-style String, Object cancel 按钮样式
confirm-text String 确定 confirm 按钮文字
confirm-style String, Object confirm 按钮样式
prevent Boolean true 阻止点击蒙版关闭弹框
事件
事件名 说明
@confirm 点击确认触发的回调
@cancel 点击取消触发的回调
@event 点击cancel,confirm, mask的回调

返回参数说明:也可通过 返回参数中的 from 或 状态 判断触发的点击事件

{from: 'confirm/cancel/mask', 'confirm/cancel/mask': true}
插槽说明

支持 标题 提示内容 插入新内容

  • 注意:插槽中尽量使用文本
slot 值 说明
title 在标题处插入新内容,无样式
text 在提示内容处插入新内容,无样式
示例说明
<template>
    <view class="content">
        <Modal v-model="show" title='提示' text='描述文字' @cancel='cancel' @confirm='confirm' @event='event'/>
    </view>
</template>

<script>
    import Modal from '@/components/x-modal/x-modal'
    export default {
        components: {Modal},
        data() {
            return {
                show: false
            }
        },
        methods: {
            cancel(e){
                console.log(e);
            },
            confirm(e){
                console.log(e);
            },
            event(e){
                console.log(e)
            }
        }
    }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问