在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 想請(qǐng)教一個(gè)獲取到數(shù)據(jù)剛開始顯示，刷新頁(yè)面后報(bào)錯(cuò)的問題

想請(qǐng)教一個(gè)獲取到數(shù)據(jù)剛開始顯示，刷新頁(yè)面后報(bào)錯(cuò)的問題

clipboard.png

<el-col :span="6">
  <p>訂單編號(hào)：<span>{{ApsInfo}}</span></p>
</el-col>

<el-col :span="6">
  <p>客戶名稱：<span>{{ApsInfo}}</span></p>
</el-col>

<el-col :span="6">
  <p>產(chǎn)品名稱：<span>{{ApsInfo}}</span></p>
</el-col>

這是頁(yè)面的代碼和頁(yè)面顯示的內(nèi)容，ApsInfo中的數(shù)據(jù)都能夠完整的返回出來(lái)。

clipboard.png

<el-col :span="6">
  <p>訂單編號(hào)：<span>{{ApsInfo.OrderNO}}</span></p>
</el-col>

<el-col :span="6">
  <p>客戶名稱：<span>{{ApsInfo.CrdName}}</span></p>
</el-col>

<el-col :span="6">
  <p>產(chǎn)品名稱：<span>{{ApsInfo.ItmName}}</span></p>
</el-col>

這個(gè)選擇ApsInfo里面的屬性值之后的代碼和返回的樣式，這樣子頁(yè)面刷新一切都正常。

clipboard.png
但是在頁(yè)面中按F5之后頁(yè)面就開始報(bào)這個(gè)錯(cuò)誤了，也無(wú)法進(jìn)入頁(yè)面。但只要不獲取ApsInfo下面的屬性就不報(bào)錯(cuò)，如圖一，被這個(gè)問題困擾了好久不知道是什么原因。

如果表述的不夠清楚，可以留言問我！

回答
編輯回答
神經(jīng)質(zhì)

你這是一個(gè)對(duì)象，在data里把對(duì)象的屬性補(bǔ)齊就行了

2018年5月31日 21:13
編輯回答
厭遇

樓上說的對(duì)。
你data里數(shù)據(jù)層級(jí)只時(shí)候聲明到ApsInfo 頁(yè)面請(qǐng)求數(shù)據(jù)是異步的。頁(yè)面綁定數(shù)據(jù)ApsInfo.OrderNO,此屬性還未獲取到。
解決辦法
1.data里聲明到OrderNO
2.v-if 。<p v-if="ApsInfo.OrderNO">產(chǎn)品名稱：<span>{{ApsInfo.OrderNO}}</span></p>
3.

this.$nextTick(function(){
        this.reqData(); //請(qǐng)求數(shù)據(jù)
   });
 【注：第三個(gè)方法沒試過，你可以先試試】
2017年7月15日 07:02
編輯回答
鐧簞噯

由于是異步獲取數(shù)據(jù)，Vue 組件在初始化組件的時(shí)候 ApsInfo 為默認(rèn)值。按照你的情況應(yīng)該是并沒有給予 ApsInfo 完整的默認(rèn)值，可以設(shè)置為：

data() {
    return {
        ApsInfo: {
            OrderNO: '',
            CrdName: '',
            ItmName: ''
        }
    }
}

Vue 文檔中提到：

由于 Vue 不允許動(dòng)態(tài)添加根級(jí)響應(yīng)式屬性，所以你必須在初始化實(shí)例前聲明根級(jí)響應(yīng)式屬性，哪怕只是一個(gè)空值。

雖然其中講到的是另外一個(gè)問題，但是我們應(yīng)該始終在 data 中初始化所有可能的值。

2018年6月29日 00:20