Vue.js通知Store：批量标记所有通知为已读的Mutation编写求助

嘿，我来帮你搞定这个mark_all_notifications的Mutation！思路其实和你已经实现的mark_notification很类似，只是不需要针对特定ID做判断，我们要把所有通知的viewed字段统一设为true就行。

首先先提个小细节：你在readAllNotifications Action里的commit语句传了this，但这个Mutation其实不需要额外的参数，只需要操作state里的通知列表，所以应该改成：

context.commit("mark_all_notifications");

接下来是对应的Mutation实现，我给你两种写法，都能实现需求，你可以根据自己的代码风格选择：

写法一：遵循状态不可变原则（推荐） #

和你实现单条标记的逻辑保持一致，用map返回新数组，确保Vue响应式系统能正确识别状态变化：

mark_all_notifications(state) {
  const updatedNotifications = state.notifications.map(notification => {
    // 解构原对象并覆盖viewed字段，返回新对象避免修改原引用
    return { ...notification, viewed: true };
  });
  state.notifications = updatedNotifications;
}

写法二：直接修改数组元素 #

如果你的通知对象本身是响应式的，也可以用forEach直接修改每一项的viewed状态：

mark_all_notifications(state) {
  state.notifications.forEach(notification => {
    notification.viewed = true;
  });
}

这样当你调用readAllNotifications Action且接口请求成功后，所有通知就都会被标记为已读啦！

内容的提问来源于stack exchange，提问作者Olga B