iView弹窗大整理

前言

网上大部分文章毫无用处,最后我还得自己到官网学习整理

提示

在这里插入图片描述
在这里插入图片描述

this.$Message.info('This is a info tip');
this.$Message.success('This is a success tip');
this.$Message.warning('This is a warning tip');
this.$Message.error('This is an error tip');

在这里插入图片描述

const msg = this.$Message.loading({
                    content: 'Loading...',
                    duration: 0
                });
                setTimeout(msg, 3000);

提醒

在这里插入图片描述

                this.$Notice.info({
                    title: 'Notification title',
                    desc: 'Here is the notification description. Here is the notification description. '
                });
                this.$Notice.success({
                    title: 'Notification title',
                    desc: 'Here is the notification description. Here is the notification description. '
                });
                this.$Notice.warning({
                    title: 'Notification title',
                    desc: 'Here is the notification description. Here is the notification description. '
                });
                this.$Notice.error({
                    title: 'Notification title',
                    desc: 'Here is the notification description. Here is the notification description. '
                });

对话框

在这里插入图片描述

    <Modal
        v-model="modal6"
        title="Title"
        :loading="loading"
        @on-ok="asyncOK">
        <p>After you click ok, the dialog box will close in 2 seconds.</p>
    </Modal>
              asyncOK () {
                setTimeout(() => {
                    this.modal6 = false;
                }, 2000);
            }
     
Logo

前往低代码交流专区

更多推荐