docs: race condition in example

Close #2691
vuejs · Aug 8, 2020 · 0b073d4 · 0b073d4
1 parent 51d40a5
commit 0b073d4
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/docs/guide/advanced/data-fetching.md b/docs/guide/advanced/data-fetching.md
@@ -55,8 +55,11 @@ export default {
     fetchData () {
       this.error = this.post = null
       this.loading = true
+      const fetchedId = this.$route.params.id
       // replace `getPost` with your data fetching util / API wrapper
-      getPost(this.$route.params.id, (err, post) => {
+      getPost(fetchedId, (err, post) => {
+        // make sure this request is the last one we did, discard otherwise
+        if (this.$route.params.id !== fetchedId) return
         this.loading = false
         if (err) {
           this.error = err.toString()