10.element Notification重叠问题

一、问题描述

在使用element plus这个前端ui库中的Notification组件时，当短时间内重复调用就会出现重叠的情况。

出现这个问题的原因是Notification组件显示前需要计算偏移量，但由于短时间同时渲染多个通知组件，会导致它们计算的偏移量相同，从而导致重叠。

解决办法就是每次调用通知栏后等待页面渲染后再调用通知栏方法。

二、解决办法

最简单的解决办法是直接调用nextTick函数，因为它会自动等待页面下一次渲染循环，就像下面这样：

ElNotification({});
await nextTick();
ElNotification({});