ant design中的message提示框怎么设置多次触发只保留最新的

在 ant design 中，可以通过设置 `maxCount` 属性来控制提示框的最大数量。当设置为 1 时，只会保留最新的提示框，之前的提示框会被自动关闭。示例代码如下：

import { message } from 'antd';

message.config({
  maxCount: 1,
});

message.success('这是第一条提示');
message.success('这是第二条提示');

在上面的例子中，当第二条提示出现时，第一条提示就会被关闭。这样就可以保证每次只显示最新的提示框了。

相关问题

ant design 中 message.open 多次触发怎么回事

Ant Design 中的 `message` 组件提供了 `open` 方法，可以手动触发显示消息。如果在多个事件中同时调用 `message.open` 方法，可能会导致消息重复显示的问题。

为了避免这个问题，可以在调用 `message.open` 方法之前先判断是否已经显示了消息，如果已经显示，则不再重新显示。

以下是一个示例代码：

import { message } from 'antd';

let isMessageOpen = false;

function showMessage() {
  if (!isMessageOpen) {
    message.open({
      content: 'This is a message',
      onClose: () => {
        isMessageOpen = false;
      },
    });
    isMessageOpen = true;
  }
}

// 在多个事件中同时调用 showMessage
showMessage();

上述代码中，使用一个布尔变量 `isMessageOpen` 来记录消息是否已经显示。在调用 `showMessage` 方法时，先判断 `isMessageOpen` 的值，如果为 `false` 则调用 `message.open` 方法显示消息，并将 `isMessageOpen` 置为 `true`，否则不再重新显示消息。

另外，可以通过为 `message` 组件的 `duration` 属性设置为 0，来让消息一直显示，直到用户点击关闭按钮。这样可以避免在短时间内重复显示消息的问题。

message.open({
  content: 'This is a message',
  duration: 0,
});

Ant Design Pro Vue 只保留中文 删除英文

要将 Ant Design Pro Vue 只保留中文，删除英文，可以按照以下步骤操作：

1. 删除项目中所有的英文语言包文件，例如 en-US.js。
2. 在项目的 main.js 文件中移除英文语言包的引入。

import Vue from 'vue';
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

Vue.use(Antd);
Vue.config.productionTip = false;
Vue.prototype.$message.config({
  duration: 2,
});

Vue.config.lang = 'zh-CN';
Vue.config.ignoredElements = [/^a-/];

const i18n = new VueI18n({
  locale: 'zh-CN',
  messages: {
    'zh-CN': require('@/locale/lang/zh-CN.js').default,
  },
});

3. 在需要使用中文的组件中添加 $t 函数，使用 key 值获取对应的中文翻译。

<template>
  <a-button>{{ $t('Pagination.next_page') }}</a-button>
</template>

这样就可以将 Ant Design Pro Vue 只保留中文，删除英文了。