前端 - vue怎么判断input框是否输入重复的值？

Question

功能点是点击搜索id后，input框清空，再次输入相同的值就提示已有相同的值
代码如下：

handelSearch(this: any) {
  if (!this.input.number) {
    Msg("无此二维码数据", this);
    return
  }
  this.getTabledata()
  this.getStutasdata()
},

期望如果重复的id 就提示 相同的id，也就不调接口了

Answer 1

用一个值来存对比：

data() {
  return {
    lastInputNumber: null,
    input: {
      number: ''
    }
  };
},
methods: {
  handelSearch() {
    if (!this.input.number) {
      Msg("无此二维码数据", this);
      return;
    }
    if (this.input.number === this.lastInputNumber) {
      Msg("已有相同的值", this);
      return;
    }
    this.getTabledata();
    this.getStutasdata();

    this.lastInputNumber = this.input.number; 
  }
}