Javascript Vue向模型添加后缀

每次当用户在

v-model=Name

中输入一些信息时，我都会尝试向我的模型添加后缀（date.now），为了实现这一点，我尝试通过函数

loanadate

来实现它，该函数每次输入Name时都会触发

但问题是，这种方法不能正常工作，我想知道实现这一点的正确方法是什么：

输入字段：

  <v-text-field
         v-model="Name"
         label="Please enter the Loan Number"
         required
         :rules="nameRules"
          outlined
          @input="loanDate"
    />

预期结果：

input => Name => (v-model = Name.03/05/2021)

---

如何实现这一点？

问题在于，文本字段中的所有更改都会触发

输入

事件，因此每个字符都会附加一个日期

一种解决方案是从

输入

事件切换到，只有在输入失去焦点后才会触发更改：

input => Name => (v-model = Name.03/05/2021)