title: VueJs $router not working after download .docx from Axios request using Blob
body: <p>Here is my <strong>function:</strong></p>
  <p>After <code>link.click()</code> document downloaded but <code>this.$router.push()</code> stop working. What is the problem?</p>
  <pre><code> axios.post(apiurl + &quot;api/appform-list/&quot;,
                {
                  this.data
                },
                {
                  responseType: &quot;arraybuffer&quot;,
                }
              )
              .then((response) =&gt; {
                let blob = new Blob([response.data]),
                  url = window.URL.createObjectURL(blob);
                const link = document.createElement(&quot;a&quot;);
                link.href = url;
                link.setAttribute(&quot;download&quot;, &quot;GeneratedDoc.docx&quot;);
                document.body.appendChild(link);
                link.click();
            
      
                this.RemoveInputs();
                this.$router.push(&quot;/clientlist&quot;);
              })
              .catch(function (error) {
               console.log(error)
              });
  </code></pre>