v-on:keyup 使用不了

v-on:keyup 使用不了
但是v-on:click可以用
帮忙看看我是哪里写错了吗
要实现色块通过键盘上下左右移动

img

我觉得div应该是没法加keyup事件的你可以试试换成input

<!DOCTYPE html>
<html lang="en">
<head>
    
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <input class="pic" :style="{'left':lt + 'px','top':to + 'px','position':'absolute'}" v-on:keyup.up="getUp">{{lt}}{{to}}</input>

    </div>
</body>
<script>
new Vue({

    el:'#app',
    data:{
        lt:100,
        to:200
    },methods:{
        getUp:function(){
            this.lt +=10
            this.to +=10
        }
    }

});

</script>
</html>

@keyup.up="函数名"