初学Vue.js,请问前辈怎么在v-for下循环嵌套v-for?

大家好,下面是我的代码,请帮我指正,谢谢!

vue:

var List_App = {};
List_App.dataList = new Vue({
    el: ".main-data-list",
    data: {
        items:[
            {
                tab:'今天',
                datalist:[
                    {label:'互联网社区的9大特征1'},
                    {label:'互联网社区的9大特征2'}
                ]
            }
        ]
    }    
});

HTML:

<li class="main-data-list" v-for='item in items'>
    <p class="tab">{{item.tab}}</p>
    <div class="show">
        <ul >
        <!--我自己按我常规思路是v-for='sub in {{item.datalist}}'实际上不对... -->
            <li v-for='??'>
                <label >{{??}}</label>
            </li>
        <!--end -->
        </ul>
    </div>
</li>
回复
阅读 19.3k
3 个回答

li in item.datalist

<li v-for="list in item.datalist">

<label>{{ list.label }}</label>

</li>

新手上路,请多包涵

v-for里调数据的时候不用 {{ }},使用 sub in item.datalist 即可。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏