Element-ui Popconfirm气泡确认框的确认及取消事件不生效

Element-ui 官方文档对 Popconfirm气泡确认框的一些属性及事件的描述不够详细,导致第一次使用时会遇到各种各样的问题 对确定事件及取消事件描述如下:

但是如果给组件绑定@confirm="confirm"时,发现点击确定按钮时,并不能触发confirm事件. 实际应该绑定的是onConfirm事件和onCancel事件

              <el-popconfirm
                confirm-button-text="确定"
                cancel-button-text="取消"
                title="确定删除吗？"
                icon="el-icon-delete"
                icon-color="red"
                @onConfirm="handleConfirm"
                @onCancel="handleCancel"
                :key="scope.row.id"
              >
                <el-button
                  slot="reference"
                  size="medium"
                  type="text"
                  style="color: #fd6d60"
                  >删除
                </el-button>
              </el-popconfirm>