title: Vue/HTML/JS how to download a file to browser using the download tag
body: <p>This question is different from the other answer provided, because my question is  focused on VUE and if VUE also has a way to prevent the default method. </p>
  
  <p>This question is more specific to HTML 5 "download" along with VUE binding of the :href and why it doesn't work to prevent the default browser behavior of opening the file in a new tab.</p>
  
  <p>Expected behavior : Download the file to the browser </p>
  
  <p>Actual behavior : Opens the file in a new tab</p>
  
  <p>Exception: Only images, pdf and browser compatible files are opened in a new tab, other files like .exe are downloaded as normal - Why is this, can this behavior be changed in html?</p>
  
  <p>Adding target="_blank" does not solve the problem</p>
  
  <pre><code>&lt;a :href="downloadById(item.url)" download&gt;Download&lt;/a&gt;
  </code></pre>
  
  <p>When the above link is clicked, the file is opened in a new browser tab, i need to prevent this default behavior and force a download upon click. The HTML 5 tag "download" is suppose to solve this problem doesn't seem to work.</p>
  
  <p>Chrome has recently deprecated the download tag form working with cross domain downloads. Does vue have a modifier to prevent this default? Are there any other ways to download the file either in javascript or in html?</p>
  
  <p>One proposed solution is to read the URL as a arrayBuffer and then create a new blob in the DOM, and then create an anchor element and click it.. But that seems hacky to force a download of a file.</p>
  
  <p>I am sure their must be a cleaner solution to download a file form a URL, its a trivial problem, hoping for a simple solution.</p>
  
  <p>Thanks.</p>