Javascript @keyup.delete输入为空时如何触发函数？VueJS

在我的DOM中，我有一个输入区域，输入一些文本以插入标记

这是我的方法

insert_tag() {
  let value = this.tagInput
  this.tags.push(value)
  this.tagInput = ''
},
inputBackspace() {
  if (this.tagInput === '') this.tags.splice(-1, 1)
}

但上面的方法并不是我想要的结果，当标记立即为空时，它会通过输入backspace触发拼接函数。

---

我更喜欢先输入backspace，让输入值变为空，然后再输入backspace以触发拼接功能。

将事件处理程序从keyup更改为keydown，如下所示

@keydown.delete=“inputBackspace（）”

这是我的沙箱，用于此示例