首页 > 解决方案 > 当按下除输入按钮 vue.js 之外的所有其他键时,将布尔值设置为 false

问题描述

嘿伙计们,所以我目前有一个输入表单,并且想在按下除输入之外的任何其他按钮时将 showTag 设置为 false。例如,在我按下删除按钮或字母 q 后,我希望将 showTag 布尔值设置为 false。有没有办法做到这一点?谢谢!

<input type="text" v-model="msg" class="form-control m-0" placeholder="Filter by tag" @keyup.enter= "showTag=true" />

标签: vue.jsboolean

解决方案


我的意思是,你可以只处理所有的键,并检查键代码,因为传递的事件应该是一个常规的 javascript 事件,就像其他任何事件一样。

<input type="text" v-model="msg" class="form-control m-0" placeholder="Filter by tag" @keyup="onKeyup" />

...

methods: {
    onKeyup(event) {
        showTag = (event.which == 13 || event.keyCode == 13)
    },
},

推荐阅读