elementui的弹框组件,在页面中循环使用,屏幕花屏

我使用的elementui的弹框组件来做删除文章前的确认,就是这个组件:
http://element.eleme.io/#/zh-CN/component/message-box#que-ren-xiao-xi

在文章列表视图页,循环出多个删除按钮组件<delete-article></delete-article>

@foreach ($articles as $article)
  <dd class="col-sm-6">{ $article->id  }</dd>
  <dd class="col-sm-6"><delete-article></delete-article></dd>
@endforeach

点击其中任一个,会出现花屏,左侧有很多白点,如图所示:
https://segmentfault.com/img/bVTDCy?w=1921&h=1077
怎么一回事?不能这样使用吗?