第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

vue-resource獲取數(shù)據(jù)綁定src屬性報(bào)錯

vue-resource獲取數(shù)據(jù)綁定src屬性報(bào)錯

安靜的沙漠 2017-06-02 09:09:37
我調(diào)用的是豆瓣v2電影接口,做的是電影詳情頁。點(diǎn)擊某個(gè)電影進(jìn)入詳情頁發(fā)起請求。html(頁面圖片都正常顯示出來了,但是控制臺會報(bào)錯)<div?class="head-img"> ??<img?:src="movieDetail.images.medium"/> </div>jsdata?()?{ ??return?{ ????movieDetail:?{} ??} }, created?()?{ ??this.$http.jsonp('https://api.douban.com/v2/movie/subject/'+this.$route.params.id).then(?(res)?=>?{ ????this.movieDetail?=?res.data ??}).catch(error?=>?{ ????console.log(?error) ??}) }但是如果js部分我這樣寫,就不會報(bào)錯,為什么?data?()?{ ??return?{ ????movieDetail:?{}, ????movieSrc:{}, ????movieAka:[], ????movieRating:{} ??} }, created?()?{ ??this.$http.jsonp('https://api.douban.com/v2/movie/subject/'+this.$route.params.id).then(?(res)?=>?{ ????this.movieDetail?=?res.data ????this.movieSrc?=?res.data.images ????this.movieAka?=?res.data.aka ????this.movieRating?=?res.data.rating ????this.$nextTick(()?=>?{ ??????this._initPics() ????}) ??}).catch(error?=>?{ ????console.log(?error) ??}) }
查看完整描述

1 回答

已采納
?
woshiajuana

TA貢獻(xiàn)211條經(jīng)驗(yàn) 獲得超152個(gè)贊

原因很簡單,你初始化定義movieDetail是一個(gè)空對象

ajax請求是異步的,也就是說,頁面在渲染的時(shí)候,你的數(shù)據(jù)還沒請求好,這個(gè)時(shí)候你的movieDetail還是一個(gè)空對象,

這個(gè)時(shí)候 movieDetail.images就是一個(gè)undefined,然后你 movieDetail.images.medium就相當(dāng)于 undefined.medium就會報(bào)錯。

后面ajax請求成功之后,movieDetail有值了,vue檢測數(shù)據(jù)變化就會更新視圖,你也就能看見圖了

你后面寫成那個(gè)樣子,單獨(dú)把movieSrc定義成一個(gè)空對象,在數(shù)據(jù)沒請求成功之前,空對象是不會報(bào)錯的


查看完整回答
4 反對 回復(fù) 2017-06-02
  • 1 回答
  • 0 關(guān)注
  • 3204 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號