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

您的位置:首頁技術文章
文章詳情頁

javascript - vue: 父組件給子組件傳遞數據,子組件接收到了,但是報錯,怎么解決?

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

問題描述

點擊每個卡片就可以看到了錯誤信息了

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

javascript - vue: 父組件給子組件傳遞數據,子組件接收到了,但是報錯,怎么解決?

javascript - vue: 父組件給子組件傳遞數據,子組件接收到了,但是報錯,怎么解決?

javascript - vue: 父組件給子組件傳遞數據,子組件接收到了,但是報錯,怎么解決?

javascript - vue: 父組件給子組件傳遞數據,子組件接收到了,但是報錯,怎么解決?

問題解答

回答1:

請把代碼貼全撒

回答2:

javascript - vue: 父組件給子組件傳遞數據,子組件接收到了,但是報錯,怎么解決?

props里面駝峰寫法的屬性在html里面需要轉換成-分割的屬性,所以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未定義,所以對于未定義的currentCardInfo.values,currentCardInfo.values[1]無法獲取到,所以報這個錯誤,解決方法是:在訪問currentCardInfo.values[1]數據之前先判斷一下currentCardInfo.values是否存在:

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

如果currentCardInfo.values不存在,那么,后面的currentCardInfo.values[1].value就不會被運行到。

但是,我建議你把父組件中調用子組件的代碼貼出來,方便進一步給出修改意見。

標簽: JavaScript
主站蜘蛛池模板: 欧美成人精品一区二区男人看 | 欧美日韩成人影院 | 久久精品久久久久久 | av在线免费观看网站 | 91天堂网 | 亚洲午夜一区二区 | 免费看a | 国产精品久久国产精品 | 亚洲欧美日韩精品久久亚洲区 | 少妇特黄a一区二区三区88av | 91精品一区二区三区久久久久久 | 免费永久av | 午夜免费视频 | 色就干| 久久久免费精品 | 日韩一区二区三区四区五区 | 国产欧美一区二区精品久导航 | 成人午夜网站 | 日韩精品一区二区三区在线播放 | av黄在线观看 | 日韩福利一区 | jizjizjiz中国护士18 | 亚洲一二视频 | 国产欧美在线播放 | 欧美视频免费在线 | 国产精品激情 | 国产极品车模吞精高潮呻吟 | 91在线视频免费观看 | 国产精品久久亚洲 | 国产免费一区二区三区免费视频 | 久久伦理电影 | 理论片免费在线观看 | 又爽又黄axxx片免费观看 | 欧美人妖网站 | 久久国产综合 | 国产精品久久久久久久久久三级 | 一区二区三区欧美在线 | 精品国产免费一区二区三区演员表 | 国产精品美女久久久久久久久久久 | a中文在线视频 | 亚洲国产日韩欧美 |