vue通过数组判断input内容是否重复

53 阅读 0 评论 35 点赞

我是靠谱客的博主顺利盼望，最近开发中收集的这篇文章主要介绍vue通过数组判断input内容是否重复，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

应项目需求，添加单选题答案不能出现重复项，找出重复项并提示用户

效果如图

在这里插入图片描述

代码实现：

   //定义方法
    teast() {
      var arr = [
        this.IA_inputw,
        this.IB_inputw,
        this.IC_inputw,
        this.ID_inputw
      ];
      // 将数组中的元素放在一个字符串中，用逗号分隔
      var s = arr.join(",") + ",";
      for (var i = 0; i < arr.length - 1; i++) {
        if (s.replace(arr[i] + ",", "").indexOf(arr[i] + ",") > -1) {
          alert("试题答案重复：" + arr[i]);
          this.bank = false;
          break;
        } else {
          this.bank = true;
        }
      }
    }