vue 字符串是否在数组中
时间: 2023-12-07 19:03:51 浏览: 79
在Vue中,你可以使用JavaScript的Array的includes()方法来检查一个字符串是否存在于一个数组中。下面是一个示例:
```html
<template>
<div>
<input v-model="searchString" />
<button @click="checkString">检查</button>
<p>{{ result }}</p>
</div>
</template>
<script>
export default {
data() {
return {
searchString: "",
array: ["apple", "banana", "orange"],
result: ""
};
},
methods: {
checkString() {
if (this.array.includes(this.searchString)) {
this.result = "字符串存在于数组中";
} else {
this.result = "字符串不存在于数组中";
}
}
}
};
</script>
```
在上面的示例中,我们定义了一个数组`array`和一个变量`searchString`,用于输入要检查的字符串。然后,我们在`checkString`方法中使用`includes()`方法来检查`searchString`是否存在于数组`array`中。如果存在,将`result`变量设置为"字符串存在于数组中",否则设置为"字符串不存在于数组中"。
通过双向绑定的方式将输入框中的值与`searchString`关联起来,点击按钮时调用`checkString`方法进行检查,并将结果显示在页面上。
阅读全文