// 在 Vue.js 中,`includes` 是一个用于检查数组中是否包含某个元素的方法。它返回一个布尔值,表示是否找到了指定的元素。
// 示例代码:
new Vue({
el: '#app',
data: {
fruits: ['apple', 'banana', 'orange']
},
methods: {
checkFruit(fruit) {
return this.fruits.includes(fruit);
}
}
});
// HTML 部分:
// <div id="app">
// <p v-if="checkFruit('apple')">有苹果</p>
// <p v-else>没有苹果</p>
// </div>
// 解释说明:
// 在这个示例中,我们定义了一个 Vue 实例,并在 `data` 中声明了一个名为 `fruits` 的数组。
// `methods` 中定义了一个名为 `checkFruit` 的方法,该方法接受一个参数 `fruit` 并使用 `includes` 方法检查 `fruits` 数组中是否包含该元素。
// 在模板中,我们使用了 `v-if` 指令来根据 `checkFruit` 方法的返回值显示不同的文本。
上一篇:vue3遍历数组
下一篇:props vue
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站