主题
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>