更新记录

0.0.1(2021-01-27)

初始版本


平台兼容性

插件安装

将组件放在自己的组件库里导入即可

导入:

import imgUpload from '@/components/liky-alert/liky-alert.vue';


属性

属性名 类型 介绍 默认值
v-model Boolean 是否显示提示框 false
title String 提示框标题 提示
content String 提示框内容
buttons Array 提示框按钮 已经设置默认值
maskClose Boolean 点击提示框外部区域是否关闭提示框 true

buttons设置

属性名 类型 介绍
text String 按钮名称
color String 按钮颜色

事件

事件称名 说明 返回参数
confirm 按钮点击触发事件 按钮下标

示范代码


<template>
<modalAlert v-model="showModal" :title="mTitle" :content="mContent" :buttons="mBtns" @confirm="confirm" />
</template>

<script>
    import modalAlert from '@/components/liky-alert/liky-alert.vue';
    export default {
        components: {
            modalAlert
        },
        data() {
            return {
                showModal: false,
                mTitle: '提示',
                mContent: '即将退出单据编辑,请问是否保存?',
                mBtns: [
                    { text:'取消'},
                    { text:'保存并退出', color:'#19be6b' },
                    { text:'直接退出', color:'#2db7f5' } 
                ]
            }
        },
        methods: {
            confirm: function(index) {
                this.showModal = false;
                console.log(index)
            },
        }
    }
</script>

隐私、权限声明

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

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

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

许可协议

MIT协议

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