Skip to content

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>

开发文档