Vue desactiva el evento de clic del botón izquierdo del mouse y el botón derecho de la rueda de desplazamiento aún está disponible.

Soy demasiado vago para explicar directamente el código. . . . El código principal

de la clase vinculada.

<div class="main-51world" id="map_51world"
         @mousedown="preventEvent($event)" @mouseup="is51Disabled=false"
    >
      <div id="player" :class="{
     
     'is51Disabled':is51Disabled}"></div>
    </div>


.is51Disabled {
  pointer-events: none
}
`

 preventEvent(e) {
      //console.log('e========'+e.button)
      switch (e.button) {
        case 0:
          this.is51Disabled =true
          break
      }
    }``