警告类弹窗(vAlert)

调用方式同alert,可以参看alert弹窗组件

单组件引入

import <name> from ‘vucc/alert’;

调用方法

show 用于直接将alert框展示在页面中,并于 showTime 指定的时间后消失
调用方法:

// 方法1,需要html声明
document.body.$$alert[id].show();
// 方法2,直接调用,需要引入alert组件,同时支持所有的参数
window.Alert.init({
    type: 'info',
    title: '我是标题',
    explain: '我是说明文字',
});

示例





alert success
alert error


alert第二种调用方法

代码 V

<v-alert :id="'alert1'" :title="'我是标题'" :explain="'辅助说明性文字'" :type="'success'"></v-alert>
<v-alert :id="'alert2'" :title="'我是标题'" :explain="'辅助说明性文字'" :type="'error'" :is-close-able="true"></v-alert>



属性

参数 说明 类型 可选值 默认值
id alert实例id string - -
type 弹出框类型 string success/warn/error info
showTime 弹窗消失的时间 Number - 1200ms
title alert框的标题 String - -
explain 内容文字 String - -
isCloseAble 是否带有关闭按钮 Boolean - false
isUseHtml 当传入为true时,explain允许传入html文档 Boolean - false
← messageBox弹窗(vMessageBox) dialog类弹窗(vDialog) →