vue.js中报错： TypeError: Cannot read property 'indexOf' of undefined

最新推荐文章于 2024-09-12 18:27:39 发布

赏花赏景赏时光

最新推荐文章于 2024-09-12 18:27:39 发布

阅读量10w+

点赞数 6

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/tangxiujiang/article/details/76041464

版权

vue 专栏收录该内容

61 篇文章 7 订阅

订阅专栏

[Vue warn]: Error when evaluating expression "name.indexOf('jack') >= 0": TypeError: Cannot read property 'indexOf' of undefined

ypeError: Cannot read property 'indexOf' of undefined，从这句话中indexOf()是一个函数，但是却不能识别该属性，说明引用对象出错。

代码如下所示：

<!doctype html>
<!DOCTYPE html>
<html>
<head>
	<title>dd</title>
</head>
<body>
	<!-- view -->
	<div id="app">
		<h1 v-if="yes">yes</h1>
		<h1 v-if="no">no</h1>
		<h1 v-if="age>=25">Age:{{age}}</h1>
		<h1 v-if="name.indexOf('jack') >= 0">Name:{{name}}</h1>
	</div>
</body>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
	// viewModel
	var vm = new Vue({
		el:"#app",
		data:{
			yes:true,
			no:false,
			age:27,
			naem:"jack"
		}
	})

</script>
</html>

从上面代码看出，data的属性“naem”和view中的“name”不一样

总结：ypeError: Cannot read property 'indexOf' of undefined，一般情况是引用对象属性出错