我知道在vue.js中可以监听键盘事件并添加修饰符,例如keyup.enter。但是我似乎找不到@键的修饰符,类似于keyup.AT或keyup.at之类的东西。
有没有一种方法可以在vue.js2中监听这个键事件呢?
谢谢。
我知道在vue.js中可以监听键盘事件并添加修饰符,例如keyup.enter。但是我似乎找不到@键的修饰符,类似于keyup.AT或keyup.at之类的东西。
有没有一种方法可以在vue.js2中监听这个键事件呢?
谢谢。
@keyup.shift.50
来捕获在非移动QWERTY和DVORAK键盘上同时按下⇧和2键的情况。我不确定外国键盘是否适用。
console.clear()
new Vue({
el: "#app",
data:{
log:[]
},
methods:{
onAt(evt){
this.log.push("@ pressed")
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.js"></script>
<div id="app">
<input type="text" @keyup.shift.50="onAt">
<hr>
<div v-for="msg in log">{{msg}}</div>
</div>
console.clear()
new Vue({
el: "#app",
data:{
log:[]
},
methods:{
onKeyUp(evt){
if ("@" === evt.key)
this.log.push("@ pressed")
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.js"></script>
<div id="app">
<input type="text" @keyup="onKeyUp">
<hr>
<div v-for="msg in log">{{msg}}</div>
</div>