打开页面报错Cannot read properties of undefined (reading 'indexOf')

打开页面报错"Cannot read properties of undefined (reading 'indexOf')"通常是因为在代码中尝试对未定义的变量或属性使用indexOf方法。这个错误通常发生在JavaScript或Vue.js项目中。下面是两种常见的情况和解决方法：

1. 页面报错"Cannot read properties of undefined (reading 'indexOf')" - JavaScript中的未定义变量：
在JavaScript中，当你尝试对未定义的变量使用indexOf方法时，会出现这个错误。为了解决这个问题，你可以在使用indexOf方法之前，确保变量已经被正确地定义和赋值。例如：

let str = "Hello World";
if (typeof str !== 'undefined') {
  console.log(str.indexOf('World')); // 输出：6
} else {
  console.log("变量未定义");
}

2. 页面报错"Cannot read properties of undefined (reading 'indexOf')" - Vue.js中的未定义属性：
在Vue.js项目中，当你尝试对未定义的属性使用indexOf方法时，会出现这个错误。为了解决这个问题，你可以使用v-if指令或条件渲染来确保属性已经被正确地定义和赋值。例如：

<template>
  <div>
    <p v-if="typeof message !== 'undefined'">{{ message.indexOf('Hello') }}</p>
    <p v-else>属性未定义</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: "Hello World"
    };
  }
};
</script>

这样，当message属性被正确定义和赋值时，indexOf方法将会被调用并返回相应的结果。否则，将显示"属性未定义"的提示信息。