首页 > 解决方案 > 找到重复值Vuejs

问题描述

我有一组名称,如果用户尝试更新其中一个并且重复,我想做一些事情(错误消息)问题是总是重复的。Pname 将在每次按键时更改。我不确定如何存储初始数组并与之进行比较。

<input
    v-model="Pname"
    type="text"
    class="form-control"
/>

for(let element of this.customer_names){
    if(this.Pname == element.name){
       duplicateValue = +1;
    }
}

标签: vue.jsvuejs2

解决方案


您可以像这样使用@blur:

<input
  v-model="Pname"
  type="text"
  class="form-control"
  @blur="findDuplicate"
>

function findDuplicate () {
  if(this.customer_names.indexOf(this.Pname) != -1) {
    // There is a duplicate
  }
}

因此,当您单击外部时,在您完成输入后,它将运行该 findDuplicate 函数。


推荐阅读