vue.js中報錯： TypeError: Cannot read property 'indexOf' of undefined

阿新 • • 發佈：2019-01-04

[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，一般情況是引用物件屬性出錯

vue.js中報錯： TypeError: Cannot read property 'indexOf' of undefined

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

vue 報錯解決：TypeError: Cannot read property '_t' of undefined"

前端報錯如下： [Vue warn]: Error in render: “TypeError: Cannot read property ‘_t’ of undefined” 是在專案中用了多語言配置，vue 跟 i18n之間的相容問題。解決方法如下：

TS/JS錯誤：TypeError: Cannot read property 'prototype' of undefined

總結一下解決這個錯誤的引起和過程。錯誤資訊：TypeError: Cannot read property ‘prototype’ of undefined 開發語言:TypeScript 編譯後語言：JavaScript 開發工具:LayaAir

使用form的方法（例如：reset，clear等）報錯Uncaught TypeError: Cannot read property 'tip' of undefined(…)的原因

在瀏覽器中debug前端程式碼時，第一次按一個按鍵，沒有問題，第二次開始再按這個按鍵的時候，出現了錯誤Uncaught TypeError: Cannot read property 'tip' of undefined(…)，雖然不影響功能，但是出現紅色的錯誤總是感覺

NodeJs錯誤：TypeError: Cannot read property 'path' of undefined

情景重現：錯誤程式碼： function upload(response, request){ console.log("Request handler 'upload' was called."); var form = new formidable.Incom

ionic3_ion-slide報錯Uncaught TypeError: Cannot read property 'hasAttribute' of undefined

在使用ion-slide時報錯Uncaught TypeError: Cannot read property 'hasAttribute' of undefined，經檢查發現是由於陣列資料沒有值的原

[Vue warn]: Error in render: "TypeError: Cannot read property 'matched' of undefined"

菜鳥級的錯誤，，，， [Vue警告]：渲染錯誤：“TypeError：無法讀取屬性’匹配’的未定義” 沒有匯出例項，當然匹配不上啊！！！！！！！改成下面就好了 export default new VueRouter({ routes: [

【原創】My97DatePicker報錯 Uncaught TypeError: Cannot read property 'length' of null 分析

公司ui前端框架的日曆外掛使用的是第三方的My97DatePicker，在使用過程中，為了滿足日期格式化的要求寫了下面兩種寫法下面這樣展示 “年-月-日時:分:秒” 是正常，且無報錯但是換個格式，下面這個是"時分秒"的格式就有問題報錯如下: VM3

Element UI級聯選擇器報錯"TypeError: Cannot read property 'getElementsByClassName' of undefined"

當點選的時候第一層出現的報錯（導致二級出不來）原因： value 和 label的值未正確指定，此處value並不存在options資料中解決：修改為：

jquery.dataTables.min.js:62 Uncaught TypeError: Cannot read property 'style' of undefined原因

maven/java/web/bootstrapQQ群：566862629。希望更多人一起幫助我學習。報錯： jquery.dataTables.min.js:62 Uncaught TypeError: Cannot read property 'style' of

SignalR代理物件異常：Uncaught TypeError: Cannot read property 'client' of undefined 推出的結論

後臺建立了一個DntHub的集線器前臺在呼叫的時候出現了問題（經檢查是代理物件建立失敗）於是到StackOverflow上面找了下：上面說改成小寫就ok了，很多人也解決成功了逆天改成小寫後也解決了，var chat = $.connection.dntHub 也許很多人就直接

記錄一個bootstrap因js載入順序導致的問題（tstrap-table-mobile.min.js:7 Uncaught TypeError: Cannot read property 'defaults' of undefined）

問題描述：網上找了會沒看到答案，然後看了下原始碼，發現也沒有問題，想到js載入的順序，改了下，發現問題沒了。正確的順序：我之前把 <script src="/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></sc

background.js Uncaught TypeError: Cannot read property 'xxx' of undefined

chrome extensions 開發過程中 background.js 呼叫chrom.** js的過程中經常遇到 background.js:24 Uncaught TypeError: Cannot read property 'onClicked' of und

JS —— Uncaught TypeError: Cannot read property 'slice' of undefined 錯誤

JS Array 物件的slice 方法： arrayObject.slice(start,end) 引數說明： start：必需。規定從何處開始選取（為索引，從0開始）。如果是負數，那麼它規定

error_handler.js:60 TypeError: Cannot read property 'name' of undefined at CompiledTemplate.prox

出現這個問題的原因是:你繫結的資料在應用啟動的時候是undefined的,直接在模板中直接引用它的屬性,瀏覽器當然就會掛掉了! 怎麼解決呢? 只需要用*ngIf判斷一下這個值是否有效,就可以了. 如下,這裡我想做的是點選每一行li, 會在下方出現相對應的值,: 如

TypeError: Cannot read property ‘url‘ of undefined

React-router引言使用React-router感覺還是有一定「曲線」的，首先要熟悉ES6且不說，對於JSX擴展語法及React-router有關路由表達稍有馬虎都不可以。當出現如題所示錯誤時，我在網絡上搜索，竟然沒有找到幾處可參考的。倒是有一個如下： https://teamtreehouse.c

Error in render: "TypeError: Cannot read property 'XXXXX' of undefined"

最近，小弟在使用vue開發介面時，出現一個有趣問題：功能正常使用，但F12卻報出一個XXX Undefined的錯誤。這個錯誤已經見了無數次，於是果斷去Ctrl+F搜尋XXX,仔細瀏覽一圈後發現xxx明明是定義了的。整體流程：介面渲染前先通過mounted載入

Uncaught TypeError: Cannot read property 'addMethod' of undefined

目錄出現以上錯誤有倆種情況： 1：js 引入順序 jquery.validate.js 引入的順序一定要在執行$.validator.addMethod()之前引入。解決方案：保證 jquery.validate.js 優先引入。 2：‘$’ 衝突當

關於Uncaught TypeError: Cannot read property 'toLowerCase' of undefined的問題

今天我在處理表單時根據觸發事件動態獲取input中的value值，我是直接在html程式碼中設定響應函式，函式中用jquery的$(this).val()獲取物件的value，結果控制檯報出如標題所示的錯誤，這我就納了悶了，怎麼會這樣，甚是糾結，上網一查排在前的

怎麼解決jQuery的Uncaught TypeError: Cannot read property 'init' of undefined這個問題

function initZtree(){ $.ajax({ url:"assetType_querytype.action", data:'', dataType:'json', type:'post'

vue.js中報錯： TypeError: Cannot read property 'indexOf' of undefined

相關推薦