title: How can I disable a link in the vue component?
body: <p>My html like this : </p>
  
  <pre><code>&lt;div id="app"&gt;
      &lt;a class="btn btn-danger" href="javascript:" @click="add($event)"&gt;add&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My javascript like this :</p>
  
  <pre><code>var vue = new Vue({
      el: '#app',
  
      methods: {
          add(event) {
              event.target.disabled = true
          }
      }
  });
  </code></pre>
  
  <p>Demo and full code like this : <a href="https://jsfiddle.net/q7xcbuxd/221/" rel="noreferrer">https://jsfiddle.net/q7xcbuxd/221/</a></p>
  
  <p>I try like that. But if I click button add, it's not disabled</p>
  
  <p>How can I solve this problem?</p>