javascript - v-for获取多层数据?
大家讲道理
大家讲道理 2017-04-10 18:03:09
[JavaScript讨论组]

如图,数据有多个List,list中的Truchorders里面也有多个数据, 如何将数据渲染到列表中
现有的写法无法取值

                <li v-for="(items,index) in List">
                    <span class="wb30">{{items.truckorders.policyholder}}</span>
                    <span class="wb30">{{items.truckorders.plate_no}}</span>
                    <span class="wb30">{{items.truckorders.end_city}}</span>
                    <a class="wb10" href="javascript:;">确定</a>
                </li>
var vm = new Vue({
        el:'.search_ins_box',
        data:{
            List:[
                {
                    "err_code":0,
                    "err_msg":"",
                    "truckorders":[
                        {
                            "policyholder":"武汉测试公司",
                            "beneficiary":"武汉测试公司",
                            "plate_no":"鄂A2222",
                            "coverage":1500000,
                            "start_province":"湖北省",
                            "start_city":"咸宁市",
                            "end_province":"湖北省",
                            "end_city":"襄阳市",
                            "create_date":"2016-01-05T11:31:37+08:00",
                            "cargos":[
                                {
                                    "id":"be1f3e16-b35b-11e5-8445-6c400892aa6e",
                                    "tracking_no":"1234",
                                    "name":"椅子",
                                    "beginning":"咸宁市",
                                    "destination":"襄阳市",
                                    "quantity":"22.00",
                                    "unit":"把"
                                }
                            ]
                        }
                    ]
                },
                {
                    "err_code":0,
                    "err_msg":"",
                    "truckorders":[
                        {
                            "policyholder":"武汉测试公司",
                            "beneficiary":"武汉测试公司",
                            "plate_no":"鄂A2222",
                            "coverage":1500000,
                            "start_province":"湖北省",
                            "start_city":"咸宁市",
                            "end_province":"湖北省",
                            "end_city":"襄阳市",
                            "create_date":"2016-01-05T11:31:37+08:00",
                            "cargos":[
                                {
                                    "id":"be1f3e16-b35b-11e5-8445-6c400892aa6e",
                                    "tracking_no":"1234",
                                    "name":"椅子",
                                    "beginning":"咸宁市",
                                    "destination":"襄阳市",
                                    "quantity":"22.00",
                                    "unit":"把"
                                }
                            ],
                        }
                    ]
                }
            ]
        }
    })

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
迷茫

应该这么循环:https://jsfiddle.net/stardew/...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号