vue按键修饰符监听事件

不知道哪里可以改,就是显示不出来,把f4改成115也不行TvT
题目:请使用按键修饰符,为F4添加如下键盘监听事件:按下F4,松开后在网页中弹出输入
框中的内容。

<div id="app">
    <input type="text" name="" id="" v-model="content" v-on:keyup.f4="fun(content)"/>


</div>
<script type="text/javascript">
    new Vue({
    el:'#app',
    data:{
        content:''
    },
    methods:{
        fun:function(data){
            alert('录入内容为:'+data)
            this.content=''
        }
    }

});
</script>

你好 代码没有问题 看看 vue是否引入成功和控制台是否有报错
你的代码 我在我项目里运行是没问题的

img

试一试改v-on:keyup.enter:

<input type="text" name="" id="" v-model="content" v-on:keyup.enter="fun(content)"/>

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^