Element UI Message提示框限制为最多3个

在使用Element UI的Message提示框时，如果你想要限制它的数量，可以通过编写自定义代码来实现。下面是一个示例，展示了如何限制Message提示框的数量最多为3个。
首先，你需要创建一个全局变量来跟踪当前打开的Message提示框数量。你可以在Vue组件的data中定义这个变量，并初始化为0。

data() {
return {
messageCount: 0
}
}

然后，在你的代码中，每次显示Message提示框时，你需要先检查当前打开的Message提示框数量是否已经达到3个。如果已经达到3个，那么你可以选择不显示新的Message提示框，或者显示一个特殊的提示信息。

methods: {
showMessage(message, type) {
if (this.messageCount >= 3) {
// 不显示新的Message提示框
return;
}
this.$message({
message: message,
type: type
});
// 更新当前打开的Message提示框数量
this.messageCount++;
}
}

在这个示例中，showMessage方法接受两个参数：message和type。message参数是要显示的消息内容，type参数是消息的类型（如success、warning、info等）。在方法内部，我们首先检查当前打开的Message提示框数量是否已经达到3个。如果已经达到3个，我们就不再显示新的Message提示框；否则，我们使用$message方法来显示新的Message提示框，并更新当前打开的Message提示框数量。
这样，你就可以通过这个自定义代码来限制Element UI Message提示框的数量最多为3个了。请注意，这个示例只是一个基本的实现方式，你可能需要根据自己的实际需求进行适当的修改和扩展。