title: How to disable a vuejs router-link?
body: <p>I have a single-page app that i've created using vue, and the nav links are all done using <code>router-link</code> tags. There are a couple of items in the nav that my boss wants to have in the nav but disabled so that people can get a glimpse of some features that will be coming soon. However I can't figure out how to completely disable a router-link!</p>
  
  <p><code>preventDefault</code> does nothing, <code>@click.native.prevent="stopClick()"</code> does nothing (i tried sending it to a function to see if that would prevent the click but it just calls the function and routes anyway despite the prevent), adding a <code>disabled</code> class and setting a css rule of <code>pointer-events: none;</code> does nothing. I'm not sure what else to try, is the only way around this to make the disabled links normal text and not router-links? </p>