vue2 indexof

引用中提到，在Vue中使用indexOf()报错"Cannot read property 'indexOf' of null"。这个错误通常是因为在使用indexOf()方法之前，没有对数据进行判断或者处理空值的情况。引用中指出，可能是因为在Vue的双向绑定数据类型上出现问题。在示例中，初始值定义为空字符串' '，而后来需求更改为多选筛选，初始值应定义为数组[ ]。如果在切换需求时未对初始值进行相应的更改，就可能引发报错。

引用中提到，可以手动编写模糊查询的事件来解决报错问题。在代码中，使用filter方法对数据进行循环，并使用indexOf()方法对指定的属性值进行查找。但报错的代码中，在循环过程中，可能由于e的值未被正确识别或为空等原因，导致indexOf()方法出现报错。为了解决这个问题，可以在filter方法中添加对e的判断，确保e不为空并且能够正确识别。

综上所述，如果在Vue中使用indexOf()报错"Cannot read property 'indexOf' of null"，可以通过检查双向绑定的数据类型是否正确，并在使用indexOf()方法之前对数据进行判断，避免出现空值或未定义的情况。此外，还可以手动编写模糊查询的事件，在filter方法中添加对数据的判断，确保能够正确使用indexOf()方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue模糊查询使用indexOf()报错Cannot read property ‘indexOf‘ of null](https://blog.csdn.net/cc6_66/article/details/115554960)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [【vue报错解决】TypeError: i.indexOf is not a function](https://blog.csdn.net/FTEzreal/article/details/122875374)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]