javascript - @keyup.delete输入直到为空时如何触发功能?VueJS
问题描述
在我的 DOM 中,我有一个输入区域,输入一些文本以插入标签
<input @keyup.delete="inputBackspace()" @keyup.enter="insert_tag()">
这是我的方法
insert_tag() {
let value = this.tagInput
this.tags.push(value)
this.tagInput = ''
},
inputBackspace() {
if (this.tagInput === '') this.tags.splice(-1, 1)
}
但是上面的方法不是我想要的结果,它在标签瞬间为空时通过输入退格键触发拼接功能。我更喜欢先输入退格让输入值变为空,然后再次输入退格触发拼接功能。
解决方案
将您的事件处理程序从 keyup 更改为 keydown,如下所示@keydown.delete = "inputBackspace ()"
这是此示例的沙箱https://codesandbox.io/s/kind-merkle-nhtl8?file=/src/App.vue
推荐阅读
- javascript - svg 文件属性操作在 chrome 和 opera 中不起作用
- javascript - 防止在 Firefox 浏览器上触发 keyCode 13 建议
- php - 如何在使用exit()时使用fetch_assoc while循环获取所有数据?
- javascript - 如何在 React 中模拟窗口调整大小
- sql-server - SQL Server:如何在嵌套 CASE 上使用带有 LIKE 的 CASE
- spf - SPF 记录的成功率为 0%
- docker - 使用 Docker Toolbox 从图像中提取和更改代码
- r - 从列中的值从最大到最小对R中的数据框进行排序
- java - Android Studio 断言不起作用
- c# - 如何以不同的形式更新图像c#