Vue 消息弹窗
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.$M...
·
前言
网上大部分文章毫无用处,最后我还得自己到官网学习整理
提示
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);
}
更多推荐
已为社区贡献1条内容
所有评论(0)