ui框架在前端开发中极大的减轻了开发者的工作量，在常规的开发中开发者经常会根据实际需求选中一个ui框架来辅助减少开发量。

那么在ant-design-vue框架中关于全局提示message频繁点击刷屏问题要如何处理呢？

刷屏效果如图：

从上图可以看出当一个相同提示在被频繁点击后出现刷屏问题，这样对于用户使用来说是极不友好的。

解决如下：

import { message,Modal } from 'ant-design-vue';
message.destroy()
message.warning('请选择需要删除的产品！');

代码解析：message.destroy是ant-design-vue提供的全局销毁方法，用来销毁全局的message提示弹框。

在每次弹框之前可根据实际情况，先消除已有的message弹框。再来创建新的message提示弹框。

如此便可以避免在不需要的情况下，出现相同提示刷屏现象。