Vue: add .none modifier to keyboard

[barata0]

What problem does this feature solve?

Using the modifiers is greate (.ctrl, .alt, .meta, .shift).
But there is no modifier indicating that ONLY that key was pressed (without ctrl, alt, shift or meta simultaneously.

What does the proposed API look like?

@keydown.space.none="myEventWhenEnterIsPressedAlone()"
@keydown.space="myEventWhenEnterIsPressedWithOrWithoutAnyModifier()"

[nickmessing]

Hmm, that sounds like a good idea but the none naming is not really intuitive, what do you think about .plain?

[nickmessing]

Tried a POC, works, opened a PR but I think we need to discuss naming anyway.

[posva]

I like plain more as well. I think it's a useful feature 🙂

[blake-newman]

Also agree simple but very valid use cases

[truefusion]

Ah, I was just about to request the exact same thing for almost the exact same reason! I would like to add that this be extended for mouse clicks, too!

click.left.none
click.none

[nickmessing]

@truefusion, what is expected behaviour for mouse clicks?

[truefusion]

@nickmessing That any click event with the ".plain" event modifier will trigger if and only if no key modifier is held down. This would leave the default click event available for complex cases and would not conflict with ".left", ".middle" and ".right" when combined.

[nickmessing]

@truefusion, actually the way it's implemented in #5977 already solves that.