vue antd中的message多个循环只显示一个

在main.js中配置

import Vue from 'vue'
import App from './App.vue'
 
Vue.config.productionTip = false;
//注入全局属性$message
import { message} from 'ant-design-vue'
Vue.prototype.$message = message;
message.config({
    duration: 2,// 持续时间
    top:`80px`, // 到页面顶部距离
    maxCount: 1 // 最大显示数, 超过限制时，最早的消息会被自动关闭
});
new Vue({
  render: h => h(App),
}).$mount('#app')