Vue.js中调用in_array函数报错，寻求数组包含判断替代方法

你遇到的TypeError: _vm.in_array is not a function报错，是因为Vue模板里直接使用了PHP的in_array()函数，但Vue运行在JavaScript环境中，并不提供这个函数。JavaScript数组原生就有几种方法可以实现相同的判断逻辑：

1. 用includes()方法（推荐，语法最直观） #

直接修改模板判断逻辑，includes()会返回布尔值，判断数组是否包含指定元素：

<template v-if="list.includes(number)">
  <h3> abc </h3>
</template>

<script>
export default {
  data() {
    return {
      list: [1,2,3],
      number: 2 // 需确保该变量已定义
    }
  }
}
</script>

注意：includes()会严格匹配元素的类型（比如1和'1'会被视为不同元素）。

2. 用indexOf()方法（兼容性更好） #

如果需要兼容较旧的浏览器，可以用indexOf()，它返回元素在数组中的索引，找不到则返回-1：

<template v-if="list.indexOf(number) !== -1">
  <h3> abc </h3>
</template>

3. 用some()方法（处理复杂场景） #

如果你的数组是对象数组，需要根据对象的某个属性判断是否存在匹配项，用some()更合适：

<template v-if="list.some(item => item.id === number)">
  <h3> abc </h3>
</template>

<script>
export default {
  data() {
    return {
      list: [{id:1}, {id:2}, {id:3}],
      number: 2
    }
  }
}
</script>

some()会遍历数组，只要有一个元素满足回调函数的条件，就返回true。

内容的提问来源于stack exchange，提问作者Anno123