更新记录

1.0.2（2019-08-27） 下载此版本

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

平台兼容性

组件

modal

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

属性说明

• 以下属性都为选填项

事件

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

{from: 'confirm/cancel/mask', 'confirm/cancel/mask': true}

插槽说明

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

• 注意：插槽中尽量使用文本

示例说明

<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>