vue v-if 怎么判断数组
时间: 2024-01-31 10:03:11 浏览: 138
使用vue中的v-for遍历二维数组的方法
中是否存在某个元素?
Vue中可以使用Array对象内置的includes方法来判断数组中是否存在某个元素,示例代码如下:
```vue
<template>
<div>
<p v-if="fruits.includes('apple')">有苹果</p>
<p v-else>没有苹果</p>
</div>
</template>
<script>
export default {
data() {
return {
fruits: ['banana', 'pear', 'apple', 'orange']
}
}
}
</script>
```
当数组中存在'apple'元素时,第一行'有苹果'的p标签将被渲染,否则第二行'没有苹果'的p标签将被渲染。
阅读全文