input校验输入长度, 如何将上一次输入的数据返回?

Question

input校验输入长度, 当输入长度超过8位数, 则提示, 将上一次的数据返回

<input type="text" v-model="data" @input="verifyData">


verifyData() {
  // 根据输入的长度来做判断, 如果超出则提示, 但是将下面的值返回, 没有用
  if (this.data.length > 8) {
    Toast('已超过最大的充值额度');
    return this.data;
  }
},

Answer 1

<input type="text" maxlength="9" v-model="data" @input="verifyData">

verifyData() {
  if (this.data.length > 8) {
    Toast('已超过最大的充值额度');
  }
},

Answer 2

方法名称和v-model绑定的数据名称都不一致。
@input="verifyPayMoney" 而方法名是 verifyData，还有 this.payMoney 和 data。