Element UI version
2.13.1
OS/Browsers version
win10
Vue version
2.6.11
Reproduction Link
https://codepen.io/yuqingvile/pen/qBOxbxv?editable=true
Steps to reproduce
页面渲染即调用多个message组件，可看到多个message重叠
What is Expected?
希望能正常offset展示，不要重叠
What is actually happening?
多个message重叠
4条答案
按热度按时间iovurdzv1#
Translation of this issue:
Element UI version
2.13.1
OS/Browsers version
Win10
Vue version
2.6.11
Reproduction Link
https://codepen.io/yuqingvile/pen/qBOxbxv?editable=true
Steps to reproduce
Page rendering calls multiple message components, and multiple message overlaps can be seen
What is Expected?
I hope it can be displayed normally without overlapping
What is actually happening?
Multiple messages overlap
suzh9iv82#
it is good that using settimeout
setTimeout(function () {
this.$message.error(x);
}, 50)
ercv8c1e3#
This is also happening with $notify in ElementUI 2.13.2, called from within the app mounted hook. It remains the same whether I use $nextTick or setTimeout.
https://codepen.io/macu89/pen/wvMovLq
0s0u357o4#
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.