vue前端判断某一个String类型的集合中是否包含某一个字符串怎么做

在 Vue 中，可以使用 JavaScript 的 Array.prototype.includes() 方法来判断集合中是否包含某个字符串。

示例：

<template>
  <div>
    <p v-if="list.includes(item)">包含该字符串</p>
    <p v-else>不包含该字符串</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: ['apple', 'banana', 'orange'],
      item: 'banana'
    }
  }
}
</script>

如果要判断某个字符串是否在集合中出现过, 可以使用 Array.prototype.indexOf() 方法，查找到返回索引值，没有找到返回 -1

<template>
  <div>
    <p v-if="list.indexOf(item) !== -1">包含该字符串</p>
    <p v-else>不包含该字符串</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: ['apple', 'banana', 'orange'],
      item: 'banana'
    }
  }
}
</script>