av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - vue: 父組件給子組件傳遞數(shù)據(jù),子組件接收到了,但是報(bào)錯(cuò),怎么解決?

瀏覽:115日期:2023-05-08 10:21:56

問題描述

點(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>

javascript - vue: 父組件給子組件傳遞數(shù)據(jù),子組件接收到了,但是報(bào)錯(cuò),怎么解決?

javascript - vue: 父組件給子組件傳遞數(shù)據(jù),子組件接收到了,但是報(bào)錯(cuò),怎么解決?

javascript - vue: 父組件給子組件傳遞數(shù)據(jù),子組件接收到了,但是報(bào)錯(cuò),怎么解決?

javascript - vue: 父組件給子組件傳遞數(shù)據(jù),子組件接收到了,但是報(bào)錯(cuò),怎么解決?

問題解答

回答1:

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

回答2:

javascript - vue: 父組件給子組件傳遞數(shù)據(jù),子組件接收到了,但是報(bào)錯(cuò),怎么解決?

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}

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

回答5:

由于你{{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)一步給出修改意見。

標(biāo)簽: JavaScript
主站蜘蛛池模板: 久草热播| 秋霞性生活| 国产高清免费 | 亚洲精品成人网 | 精品中文字幕在线观看 | 亚洲欧美成人在线 | 国产精品久久在线 | 日韩精品一区二区在线 | 好姑娘影视在线观看高清 | 国产视频一区在线 | 天天曰天天干 | 国产欧美日韩一区二区三区在线 | 在线免费观看黄网 | 一区二区三区小视频 | 9久久婷婷国产综合精品性色 | 欧美日韩在线观看一区 | 亚洲国产福利视频 | 超碰精品在线 | 91视频在线观看 | 做a网站 | 亚洲精品粉嫩美女一区 | 看a网站 | 欧美日本亚洲 | 欧美精品在线看 | 欧美黑人国产人伦爽爽爽 | 婷婷激情综合 | 久久久女女女女999久久 | 国产一区久久久 | 日韩免费激情视频 | 九色国产 | 欧美天堂一区 | 波多野结衣在线观看一区二区三区 | 天堂网av在线| 亚洲成人精品视频 | 国产欧美精品区一区二区三区 | 蜜桃av鲁一鲁一鲁一鲁 | 99久久日韩精品免费热麻豆美女 | 国产 日韩 欧美 中文 在线播放 | 欧美1区 | 亚洲人人| 久久机热|