<div id="app">
  <div @click.right="handleRightClick">handleRightClick</div>
  <div @click.left="handleLeftClick">handleLeftClick</div>
  <div @click.middle="handleMiddleClick">handleMiddleClick</div>
</div>
var app = new Vue({
  el: "#app",
  methods: {
    handleRightClick: function () {
      console.log("handleRightClick");
    },
    handleLeftClick: function () {
      console.log("handleRightClick");
    },
    handleMiddleClick: function () {
      console.log("handleRightClick");
    }
  }
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.7.8/vue.min.js