title: Vue a-href download does not download
body: <p>Hey I am really new to Vue and for this project I have a DOWNLOAD BUTTON from where the users can download a file. When I click on the DOWNLOAD BUTTON it keeps on opening the file in the same browser rather downloading it. Is their a way to make <code>a-href</code> or <code>button function</code> to download the file?</p>
  <p>My code on jsFiddle <a href="https://jsfiddle.net/ez36jmx5/10/" rel="nofollow noreferrer">https://jsfiddle.net/ez36jmx5/10/</a> .</p>
  <p><strong>View</strong></p>
  <pre><code>&lt;div id=&quot;app&quot;&gt;
    &lt;a href=&quot;https://homepages.cae.wisc.edu/~ece533/images/airplane.png&quot; download&gt;DOWNLOAD&lt;/a&gt;
    &lt;br&gt;&lt;br&gt;
    &lt;button v-on:click=&quot;clickedDownload()&quot;&gt; &lt;!-- opens files in new tab --&gt;
     DOWNLOAD
    &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>Method</strong></p>
  <pre><code>new Vue({
    el: &quot;#app&quot;,
    data: {
    
    },
    methods: {
          clickedDownload(){
          var fileName='https://homepages.cae.wisc.edu/~ece533/images/airplane.png';
        window.open(fileName, 'Download');
      }
    }
  })
  </code></pre>