0.1.5 • Published 3 years ago
vuetify-snackbar-message v0.1.5
$message消息提示
代码展示
this.$message({
message: "成功成功",
type: "success",
icon: { name: "mdi-alarm", color: '#f43143' },
show: true,
outlined: true,
shaped: true,
top: true,
html: true,
text: true,
duration: 2000,
closeBtn: true,
close() {
console.log(123);
},
});参数详情
msg参数
| 参数 | 默认值 | 类型 | 说明 |
|---|---|---|---|
| type | success | String | 提示框类型有success、warning、error、info四种。 |
| message | - | String | 需要显示的提示文字。 |
| timeout | 3000 | Number/String | 等待message 自动隐藏的时间 (毫秒) 。使用 “-1” 保持无限期打开 。 |
| icon | - | Object | message的icon图标及背景色配置。具体参数说明见下方icon参数表。 |
| closeBtn | false | Boolean | 关闭按钮，可手动关闭message提示框，默认不显示。 |
| close | 0.2 | Function | 点击关闭按钮的钩子 |
| top | false | Boolean | message靠顶部显示 |
| left | false | Boolean | message靠左侧显示 |
| right | false | Boolean | message靠右侧显示 |
| text | false | String | 将定义的 color 应用于文本和同样的低透明度背景。 |
| outlined | false | String | 去除卡片的实心颜色并添加细边框。 |
| shaped | false | String | 在卡片的左上角和右下角应用较大的边框半径。 |
| html | false | Boolean | message消息可以识别html标签 |
icon参数
| 参数 | 默认值 | 类型 | 说明 |
|---|---|---|---|
| icon | type四种状态各有一个默认值，就不细说了，自己试试。 | String | icon图标， 对于所有可用图标的列表, 请访问官方的 Material Design 图标 页面。要使用任何这些图标，只需使用 mdi- 前缀，然后是图标名称 |
| color | 如上 | String | message提示框的背景色。 |