feat(components): loading event

vuejs · May 21, 2019 · 04891de · 04891de
1 parent 93da3c8
commit 04891de
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 0 deletions.
diff --git a/docs/api/apollo-mutation.md b/docs/api/apollo-mutation.md
@@ -45,3 +45,4 @@ Example:
 
 - `done(resultObject)`
 - `error(errorObject)`
+- `loading(boolean)`
diff --git a/docs/api/apollo-query.md b/docs/api/apollo-query.md
@@ -65,3 +65,4 @@ To enable support of `gql` string tag in Vue templates, see the necessary setup
 
 - `result(resultObject)`
 - `error(errorObject)`
+- `loading(boolean)`
diff --git a/src/components/ApolloMutation.js b/src/components/ApolloMutation.js
@@ -46,6 +46,12 @@ export default {
     }
   },
 
+  watch: {
+    loading (value) {
+      this.$emit('loading', value)
+    },
+  },
+
   methods: {
     mutate (options) {
       this.loading = true

diff --git a/src/components/ApolloQuery.js b/src/components/ApolloQuery.js
@@ -116,6 +116,10 @@ export default {
         notifyOnNetworkStatusChange: value,
       })
     },
+
+    '$data.$apolloData.loading' (value) {
+      this.$emit('loading', !!value)
+    },
   },
 
   apollo: {
Original file line number	Diff line number	Diff line change
Expand Up		@@ -45,3 +45,4 @@ Example:

		- `done(resultObject)`
		- `error(errorObject)`
		- `loading(boolean)`
Original file line number	Diff line number	Diff line change
Expand Up		@@ -65,3 +65,4 @@ To enable support of `gql` string tag in Vue templates, see the necessary setup

		- `result(resultObject)`
		- `error(errorObject)`
		- `loading(boolean)`