vue 判断数组中是否存在相同的元素例子

可以在 Vue 中使用 JavaScript 的 Set 对象来判断数组中是否存在相同的元素。首先将数组转换为 Set 集合，然后判断 Set 中的元素数量是否等于原数组的长度，如果不相等，则说明存在相同的元素。

下面是一个示例代码：

// 定义一个数组
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// 将数组转换为 Set 集合
let set = new Set(arr);

// 判断 Set 中的元素数量是否等于原数组的长度
if (set.size !== arr.length) {
  console.log('存在相同的元素');
} else {
  console.log('不存在相同的元素');
}

在 Vue 中，可以将上述代码放到一个函数中，然后在模板中使用 v-if 指令来根据判断结果显示不同的内容，示例如下：

<template>
  <div>
    <p v-if="isDuplicate">存在相同的元素</p>
    <p v-else>不存在相同的元素</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    }
  },
  computed: {
    isDuplicate() {
      let set = new Set(this.arr);
      return set.size !== this.arr.length;
    }
  }
}
</script>

注意，在 Vue 中使用 Set 对象需要考虑浏览器的兼容性，如果需要支持 IE 浏览器，可以使用第三方的 polyfill 库来解决。