鍍金池/ 問(wèn)答/HTML5  HTML/ TypeError: Cannot read property 'key' of

TypeError: Cannot read property 'key' of undefined

問(wèn)題詳情:
父組件往子組件傳遞數(shù)據(jù),
clipboard.png
圖片描述

子組件接受數(shù)據(jù)并定義一個(gè)默認(rèn)值:
圖片描述

當(dāng)點(diǎn)擊按鈕時(shí),刪除該數(shù)組的任一值
圖片描述

數(shù)據(jù)正常發(fā)生了改變,但是卻報(bào)錯(cuò):
clipboard.png

但是,以同樣的過(guò)程,改變一個(gè)我自己創(chuàng)建的數(shù)組里的數(shù)據(jù)時(shí),卻沒(méi)有報(bào)錯(cuò):
clipboard.png

說(shuō)明我的方法是沒(méi)問(wèn)題的,但是為什么刪除傳過(guò)來(lái)的數(shù)組里的任一值值卻報(bào)錯(cuò),往這個(gè)數(shù)組添加任一值,也不報(bào)錯(cuò)???

回答
編輯回答
清夢(mèng)

:key 指定錯(cuò)了應(yīng)該會(huì)導(dǎo)致此異常 ?

  • 例如

 <div   v-for="(value,index) in starUnits" :key="index">
       <p class="personne">{{value}}</p>
        <div v-if="value.boolean"></div>
 </div>

不應(yīng)該 :key="index" 應(yīng)該寫(xiě) :key="value" 因?yàn)橄挛挠?code><p class="personne">{{value.title}}</p>的一些引用。

你用的是1.0嗎?2.0應(yīng)該報(bào)錯(cuò)信息更加豐富

2018年9月1日 07:26
編輯回答
抱緊我

看看代碼里那里調(diào)用了anything.key, 這個(gè)anything調(diào)用時(shí)是undefined, 檢查一下賦值過(guò)程。

2017年3月26日 04:01