商城-满减送管理功能中，已添加的优惠券删除后保存不成功

![输入图片说明](https://foruda.gitee.com/images/1747122761860362372/2dbdf7a3_521224.png "屏幕截图")
编辑满减送活动，提交保存时，RewardRuleCouponSelect.vue文件中会使用以下代码块保存弹窗中设置的赠送的优惠券。
这段代码存在一个问题：界面组件绑定的是一个list对象，而保存数据时使用的是rewardRule对象，所以这个方法里把list对象中的数据更新到了rewardRule中。
但这段代码只在新增、修改优惠券时有用，在删除时就会有问题，点击删除之后，界面中的显示项消失了（list对象中的对应数据项也删除了），但rewardRule中的对应的数据项并没有被删除，所以添加过的优惠券永远没办法被删掉。
```
/** 设置赠送的优惠券 */
const setGiveCouponList = () => {
  if (isEmpty(rewardRule.value) || isEmpty(list.value)) {
    return
  }
  // 设置优惠券和其数量的对应
  list.value.forEach((rule) => {
    if (!rewardRule.value.giveCouponTemplateCounts) {
      rewardRule.value.giveCouponTemplateCounts = {}
    }
    rewardRule.value.giveCouponTemplateCounts[rule.id] = rule.giveCount!
  })
}
```
在list的forEach循环外强制对rewardRule.value.giveCouponTemplateCounts设置空对象或者清空可以解决此问题，不知道还有没有更优雅的解决方式。

```
/** 设置赠送的优惠券 */
const setGiveCouponList = () => {
  if (isEmpty(rewardRule.value) || isEmpty(list.value)) {
    return
  }
  rewardRule.value.giveCouponTemplateCounts = {}
  // 设置优惠券和其数量的对应
  list.value.forEach((rule) => {
    if (!rewardRule.value.giveCouponTemplateCounts) {
      rewardRule.value.giveCouponTemplateCounts = {}
    }
    rewardRule.value.giveCouponTemplateCounts[rule.id] = rule.giveCount!
  })
}
```

芋道源码/yudao-ui-admin-vue3

内容风险标识

评论 (1)

芋道源码/yudao-ui-admin-vue3 .gitee-modal { width: 500px !important; }

内容风险标识