警告提示

示例

default
primary
success
warning
danger
基础用法

标签类型:default, primary, success, warning danger

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
default
primary
success
warning
danger
custom closing content
关闭按钮

给组件添加closable属性,可以关闭标签,关闭后会触发close事件;可以通过close扩展点来自定义关闭按钮的内容

如果仅仅指定了closable属性,那么组件的开启和关闭是组件内部自己维护的状态,一旦组件被重新创建,那么又会回到默认开启状态,所以如果你需要维持组件的状态,需要自己维护closed属性,或者通过v-if来控制组件

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
default
This is a default tip.
primary
This is a primary tip.
success
This is a success tip.
warning
This is a warning tip.
danger
This is a danger tip.
展示标题

通过title扩展点,可以自定义标题内容

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)

Tip组件继承Tag组件,所以很多属性都是一样的

属性

属性 说明 类型 默认值
type 组件类型 "default" | "primary" | "success" | "warning" | "danger" "default"
disabled 是否展示禁用状态 Boolean false
closable 是否可关闭 Boolean false
closed 是否已关闭 Boolean false

扩展点

名称 说明
title 自定义标题内容
close 自定义关闭按钮内容

事件

事件名 说明 参数
close 标签关闭事件 -