arco.design重写message实现只提示一次错误的功能

本文主要是介绍arco.design重写message实现只提示一次错误的功能，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.需求

日常开发中，因为服务器等问题，会出现请求接口报错导致整屏的错误提示。对于用户来说很不友好。因此，提出了当此类问题出现时，只提示一个错误消息的需求。

2. 环境

Vue3.0 + ts

3. 封装重写

新建rewriteMessage.ts文件，代码如下：

// rewriteMessage.ts
import { Message, MessageType } from '@arco-design/web-vue'let messageInstance: any = null
export function reMessage(config: any, type: MessageType) {if (messageInstance) {messageInstance.close()}messageInstance = Message[type](config)
}

4.使用

导入/使用

import { reMessage } from './rewriteMessage'reMessage({content: res.data.message,
},'error')

这篇关于arco.design重写message实现只提示一次错误的功能的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---