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')