vue.js - Vue-Apollo. Update cache with query which have a foreign key

Question

I have the following Problem. When i use deleteProgram, i update the Cache with the Query: All_Programs which gives me all Programs that i have. This works very well.

deleteProgram(id) {
      this.$apollo.mutate({
        mutation: DELETE_PROGRAM,
        variables: {
          id: id
        },
        update: store => {
          const data = store.readQuery({
            query: ALL_PROGRAMS
          });
          data.allPrograms = data.allPrograms.filter(i => {
            return i.id !== id;
          });
          store.writeQuery({ query: ALL_PROGRAMS, data });
        }
      });
    }
  },

Now i want to do the same with deleteActivity. There i have to load the Query ACTIVITIES_BY_PROGRAM_ID which gives me all Activites with the same Program ID. I Can delete he Activity too, but the cache dont update. When i delete it, i need to click F5.

deleteActivity(id) {
      this.$apollo.mutate({
        mutation: DELETE_ACTIVITY,
        variables: {
          id: id
        },
        update: store => {
          const data = store.readQuery({
            query: ACTTIVITES_BY_PROGRAM_ID,
            variables: {
              id: this.$store.getters.programId
            }
          });
          data.activitiesByProgramId = data.activitiesByProgramId.filter(i => {
            return i.id !== id;
          });
          store.writeQuery({ query: ACTTIVITES_BY_PROGRAM_ID, data });
        }
      });
    }

I Hope anyone can help me.

Answer 1

等待大神答复