键盘事件失效问题"/>
Vue.js中的键盘事件失效问题
场景
在登录场景中,我们输入完账号密码以后,需要点击确定提交按钮提交信息,同样的也可以点击回车(enter)
错误的写法
<el-button @click="onSubmit" @keyup.enter="onSubmit">登录</el-button>
这种的写法点击enter是没有效果的
正确的写法
<script>export default{// 添加监听回车事件created() {let self = thisdocument.addEventListener('keyup', self.onSubmit)},methods: {onSubmit:function(){// 提交的内容}}}
</script>
更多推荐
Vue.js中的键盘事件失效问题
发布评论