vue v-for怎么获得不到二维

Question

<div v-for="info in infos">
    <img v-bind:src="info.member.avatar_url">
    
    

info.member.avatar_url 这样为什么取不到值，还报错了呢

Answer 1

如果数据是异步获取的，添加一个 v-if="info.member"

Answer 2

如果数组是二维数组，在做一层循环

     <div v-for="info in infos">
        <div v-for="item in info">
            <img v-bind:src="item.avatar_url">
         </div>
     </div>
    

Answer 3

你这不还是一维数组吗
infos -> array
info -> object
info.member -> object

Answer 4

<div id="app">
    <ul>
        <div v-for="info in infos" >
            <img v-bind:src="info.a.b" />
        </div>
    </ul>
</div>
<script>
    var vm = new Vue({
        el: '#app',
        data:{
            infos:[
                {a:{b:1}},
                {a:{b:2}}
            ]
        }         
    })
</script>

我测试的能取到。你再检查一下。

Answer 5

你确定和数据结构相符?