ElementUI中Dropdown 下拉菜单组件里面放置按钮绑定事件之后，其他按钮还能点击，而不消失

点击'...'之后出现三个按钮，分别如图所示
想要的结果是：
点击导出表单结果是一个弹出一个dialog，然后 这三个按钮消失

但是现在目前的情况是：
点击‘导出表单结果’，弹出dialog，鼠标还能点击‘删除’和‘复制’按钮
贴上下面的代码

<el-dropdown>

 <el-button type='text'>
    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
 </el-button>
 <el-dropdown-menu slot="dropdown" class="button-dropdown">
   <el-dropdown-item>
     <el-button @click.stop="showExport(row)" type="text">
        <i class="fa fa-arrow-down"></i>导出表单结果
     </el-button>
   </el-dropdown-item>
   <el-dropdown-item>
      <el-button @click.stop="deleteClickHandler(row)" type="text">
        <i class="fa fa-remove f16"></i>删除
      </el-button>
   </el-dropdown-item>
   <el-dropdown-item>
     <el-button @click="copyInvitation(row)" type="text">
        <i class="fa fa-window-restore"></i>复制
      </el-button>
    </el-dropdown-item>
  </el-dropdown-menu>

</el-dropdown>

求大神解答办法