Element's Dropdown drop-down menu prevents events from bubbling

  <div style="display: inline-block;" @click.stop>

                      <el-dropdown size="mini" split-button type="primary">
                    修改状态
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item>报价中</el-dropdown-item>
                      <el-dropdown-item>待上门</el-dropdown-item>
                      <el-dropdown-item>进行中</el-dropdown-item>
                      <el-dropdown-item>待验收</el-dropdown-item>
                      <el-dropdown-item>完成</el-dropdown-item>
                      <el-dropdown-item>退款</el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown> 
                  </div>

Put a div on the outer layer and add @click.stop on it