提示框

v-alert组件被用来向用户传达重要信息,它有4个变种,成功(success)信息(info)警告(warning)错误(error)。它们被分配了可以修改的表示不同操作的默认图标

用例

Alerts can have a contextual color and are hidden by default.

API

v-alert
名称
color
默认值
undefined
类型
string

将指定的色彩应用与控件

名称
dismissible
默认值
false
类型
boolean

指定提示框可以关闭

名称
icon
默认值
undefined
类型
string

制定一个特定的图标

名称
mode
默认值
undefined
类型
string

设置过渡模式(不适用于“过渡组(transition-group)”)

名称
origin
默认值
undefined
类型
string

设置过渡原点

名称
outline
默认值
false
类型
boolean

提示框将有一个轮廓

名称
transition
默认值
undefined
类型
string

设置组件过渡效果,可以是内置的过渡配置或者是您自己的配置的其中一个。

名称
type
默认值
undefined
类型
string

指定成功(success)信息(info)警告(warning或者错误(error)**提示框,使用上下文颜色和预定义的图标。

名称
value
默认值
undefined
类型
any

控制可见性

示例

可关闭

使用v-model可以控制提示框的状态。如果您不想分配一个v-model,只显示警报,也可以简单地分配属性值。

自定义图标 / 无图标

您可以轻松分配一个自定义图标或把他们全部删除。

过渡显示

您可以把自定义过渡应用于提示框的显示/隐藏

轮廓

轮廓提示框从当前应用的颜色继承他们的边界。

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore