How do I enable @click.middle?

I want to catch middle mouse button click event using @click.middle, but it seems that nothing happens. anyone know why? https://jsfiddle.net/c25e35uh/

<div id="root">
  <button @click.middle="test()">
    Click Me
  </button>
</div>

new Vue({
  el: '#root',
  methods: {
    test () {
        alert('me')
    }
  }
})

In their document, they said clearly that using @click.middle to catch event https://v2.vuejs.org/v2/guide/events.html#Mouse-Button-Modifiers