普通函数 `function () {}` 作为回调函数,有可能会导致 `this` 作用域丢失

位置:首页 / 技术中心 / 杂项

杂项 Admin 2026-02-05 19:38:02 159


### 问题分析

原代码中使用了普通函数 `function () {}` 作为回调函数,这会导致 `this` 作用域丢失,无法正确访问组件实例的方法和属性。


### 解决方案

将回调函数改为箭头函数 `() => {}`,这样可以保持 `this` 指向组件实例,确保删除成功后能正确调用刷新数据的方法。


### 修复后的功能

当用户点击删除并确认后:

1. 调用 `delApply` 方法删除报名成员

2. 删除成功后显示提示消息

3. 调用 `this.deatail(this.infoId)` 刷新活动详情

4. 如果是常态化活动(activityType == 0),还会调用 `this.getParticipants()` 刷新参与者列表


这样就实现了删除成功后自动刷新数据的功能。

18455111359 扫描二维码