vue键盘事件：@keyup.down下方向键绑定事件
生活随笔
收集整理的這篇文章主要介紹了
vue键盘事件：@keyup.down下方向键绑定事件
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
@keyup.13 回車
@keyup.enter 回車
@keyup.left 左鍵
@keyup.right 右鍵
@keyup.up 上鍵
@keyup.down 下鍵
@keyup.delete 刪除鍵
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style></style> </head> <body><div id="app"><p >{{a}}</p><!-- @keyup.down對應的是下方向鍵 --><input type="text" @keyup.down='add'></div><script src="js/vue.js"></script><script>var vue = new Vue({el:"#app",data:{a: 100},methods:{add(event) {console.log(event)this.a ++console.log(this.a)}}})</script> </body> </html>總結(jié)
以上是生活随笔為你收集整理的vue键盘事件：@keyup.down下方向键绑定事件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： vue组件的基本使用：入门示例
- 下一篇： vue 的elementui中selec