問題描述

點(diǎn)擊每個(gè)卡片就可以看到了錯(cuò)誤信息了

<p v-show='showParagraph' @click='switchInput' > {{currentCardInfo.values[1].value}} <span v-if='currentCardInfo.cardImage'><img :src=’currentCardInfo.cardImage’> </span> </p>

問題解答

請(qǐng)把代碼貼全撒

props里面駝峰寫法的屬性在html里面需要轉(zhuǎn)換成-分割的屬性，所以edit-panel的currentCardInfo修改如下

<edit-panel ... :current-card-info='cardInfo' ... ></edit-panel>回答3：

{{currentCardInfo.values && currentCardInfo.values[1].value}}回答4：

子組件中使用

props:{ currentCardInfo:Object}

來獲取父組件傳遞的屬性值

由于你{{currentCardInfo.values[1].value}}中，currentCardInfo.values未定義，所以對(duì)于未定義的currentCardInfo.values，currentCardInfo.values[1]無法獲取到，所以報(bào)這個(gè)錯(cuò)誤，解決方法是：在訪問currentCardInfo.values[1]數(shù)據(jù)之前先判斷一下currentCardInfo.values是否存在：

{{currentCardInfo.values && currentCardInfo.values[1].value}}

如果currentCardInfo.values不存在，那么，后面的currentCardInfo.values[1].value就不會(huì)被運(yùn)行到。

但是，我建議你把父組件中調(diào)用子組件的代碼貼出來，方便進(jìn)一步給出修改意見。