用vue 渲染數(shù)組里的數(shù)據(jù) 顯示 0 沒有定義

推薦調(diào)整一下數(shù)據(jù)結(jié)構(gòu)，也可以試試像這樣給一個(gè)初始空字符串試試：

data() {
    messages: {
        content: [
            {
                album: [
                    {
                        back_img: '',
                        play_count: '',
                        name: ''
                    }
                ]
            }
        ]
    }
}

一看這個(gè)結(jié)構(gòu)就頭皮發(fā)麻，還不知道對(duì)不對(duì)，最好還是改一個(gè)數(shù)據(jù)結(jié)構(gòu)，希望能幫助到你！

再提供一個(gè)方法，你可以試試，看行不行
在v-for那一行或者上面的<div class="content">上面添加一個(gè)v-if用于判斷是否未定義：

v-if="messages.content[0] != undefined"

加上這個(gè)試一試

這個(gè)問題可能是你異步請(qǐng)求數(shù)據(jù)沒回來的問題，message[0].ablum 這個(gè)時(shí)候是undefined 所以報(bào)錯(cuò)

你在data里定義一個(gè)空數(shù)組ablum:[]，把請(qǐng)求回來的值放入這個(gè)數(shù)組里，div上就遍歷ablum