vue indexOf用法

在Vue中，你可以使用JavaScript的`indexOf()`方法来查找数组中某个元素的索引位置。下面是`indexOf()`方法的用法示例：

<template>
  <div>
    <p>{{ index }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      array: ['apple', 'banana', 'orange'],
      searchString: 'banana',
      index: -1
    }
  },
  mounted() {
    this.index = this.array.indexOf(this.searchString);
  }
}
</script>

在上面的示例中，我们定义了一个数组`array`和一个搜索字符串`searchString`，然后使用`indexOf()`方法来查找`searchString`在数组中的索引位置。将查找结果保存在`index`变量中，最后在模板中显示出来。

需要注意的是，如果查找成功，则返回所在位置的索引值（从0开始），如果查找不到，则返回-1。

此外，你也可以在Vue模板中使用`indexOf()`方法来进行条件判断，例如：

<template>
  <div>
    <p v-if="array.indexOf(searchString) !== -1">找到了</p>
    <p v-else>没找到</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      array: ['apple', 'banana', 'orange'],
      searchString: 'banana'
    }
  }
}
</script>

在上述示例中，我们使用`indexOf()`方法进行条件判断，如果搜索字符串存在于数组中，则显示"找到了"，否则显示"没找到"。