主题
Message 消息
Message 消息弹窗组件用于在用户界面中显示短暂消息,以提供操作反馈、警告、错误信息或其他通知。
基础用法
vue
<script setup>
import { showMessage } from '@/public/components/message/message'
showMessage({
title: '标题',
message: '消息内容'
})
</script>
类型
属性:
type
类型:
'' | 'warn'
默认值:
''
必须:
否
使用示例:
vue
<script setup>
import { showMessage } from '@/public/components/message/message'
showMessage({
type: 'warn',
title: '警告',
message: ['错误码', '错误信息']
})
</script>
标题
属性:
title
类型:
string
默认值:
''
必须:
否
使用示例:
vue
<script setup>
import { showMessage } from '@/public/components/message/message'
showMessage({
title: '标题'
})
</script>
内容
属性:
message
类型:
string | string[]
默认值:
''
必须:
否
使用示例:
vue
<script setup>
import { showMessage } from '@/public/components/message/message'
showMessage({
title: '标题',
// message: '消息内容' // 普通消息
// message: `第一行 // 换行消息
// 第二行`
// message: ['第一行', '第二行'] // 换行消息
})
</script>