# Composant ApolloMutation

Exemple :

<ApolloMutation
  :mutation="gql => gql`
    mutation DoStuff ($name: String!) {
      someWork (name: $name) {
        success
        timeSpent
      }
    }
  `"
  :variables="{
    name
  }"
  @done="onDone"
>
  <template v-slot="{ mutate, loading, error }">
    <button :disabled="loading" @click="mutate()">Cliquez ici</button>
    <p v-if="error">Une erreur est survenue : {{ error }}</p>
  </template>
</ApolloMutation>

# Props

# Les props de slots avec portée

  • mutate(options = undefined): une fonction pour appeler une mutation. Vous pouvez écraser les options de mutation (par exemple : mutate({ variables: { foo: 'bar } }))
  • loading: un booléen qui indique que la requête est en cours
  • error: une erreur éventuelle lors de la dernière mutation
  • gqlError: la première erreur GraphQL éventuelle

# Événements

  • done(resultObject)
  • error(errorObject)
  • loading(boolean)
Dernière mise à jour: 11/02/2021 à 11:08:30