If you're looking to control the behavior for all clicks, then you'll need to add more than one click event handler.

Something like this. Here's a working JSFiddle of the code.

  <a
    href="#"
    @click.prevent="someMethod()"
    @auxclick.prevent="someMethod()"
    @contextmenu.prevent
  >
    Click Me
  </a>
</div>

@click.prevent handles left click events.

@auxclick.prevent handles auxclick events (i.e. non-left click events).

@contextmenu.prevent disables the context menu that pops up when you right click on the element.

I have keeped anchor link with @click.prevent + added :href='sameMethodAsInClickEvent()' so now, if it will be non-left-click, it will call href and still it will open the right link/method.

You cannot override the native context menu Open in New Tab behavior; it will always open the anchor's href in a new tab.

Your only options are:

• Prevent the context menu from being shown with @contextmenu.prevent. Not good UX.
• Prevent the context menu but instead show your own custom context menu with an Open in New Tab item which you can handle yourself.
• Use a <button>. This was my first thought since you don't really need an anchor here anyway because there's no real link.