javascript - 如何检查 Vuejs v-if 中的数组元素是否相等？

Question

我正在一个 vuejs 项目中工作，并且在检查数字是否等于数组元素时遇到问题。我的代码是这样的:

<div v-if="someValue != arrayElement">
   //
</div>

我的问题是如何循环遍历数组以检查是否存在与 var 'someValue' 相等的值。

Answer 1

如果您想测试精确值，可以使用Array.includes(value)

new Vue({
    data: function() {
        return {
            value: 3,
            array: [3,4,5,6,7,3]
        }
    },
    computed: {
        isInArray: function() {
            return this.array.includes(value);
        }
    }
})

或者直接在 v-if 指令中这样

<span v-if="array.includes(value)"> {{ value }} </span>