@keyup事件
通过@keyup监听键盘事件的产生。
实例
<body>
<div id="app">
<input type="text" @keyup.esc="clear">
</div>
<script>
new Vue({
el: "#app",
data: {
},
methods: {
clear(e) {
console.log("清空该文本框");
e.target.value = ""
}
}
})
</script>
</body>
还可以利用keyup的组合事件进行,例如按下ctrl+a键就可以清空文本框
<body>
<div id="app">
<input type="text" @keyup.ctrl.65="clear">
</div>
<script>
new Vue({
el: "#app",
data: {
},
methods: {
clear(e) {
console.log("清空该文本框");
e.target.value = ""
}
}
})
</script>
</body>