账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    v-for循环使用key值。
    • 2019-03-12 00:00
    • 10
    27
    0

    需要使用v-for循环数据 但是需要使用数据的key值

    数据结构是这样的

    {
        "工艺检测项目": [{
            "id": 5,
            "batchid": 1,
            "brandid": 66,
            "smallbrandid": 68,
            "criterionitemid": 9,
            "criterionitemname": "光泽",
            "criterionitemcontent": "5.0",
            "indicatorsid": 8,
            "indicatorsname": "光泽",
            "indicatorsvalue": "0",
            "processid": null,
            "ruleremark": null,
            "remark": null,
            "inputtype": true,
            "isokvalue": -2
        }],
        "感官类项目": [{
            "id": 6,
            "batchid": 1,
            "brandid": 66,
            "smallbrandid": 68,
            "criterionitemid": 10,
            "criterionitemcontent": "30.0",
            "indicatorsid": 7,
            "indicatorsvalue": "0",
            "processid": null,
            "ruleremark": null,
            "remark": null,
            "inputtype": true,
            "isokvalue": -2
        }]
    }

    循环是这样

    <Collapse style="margin-top:3%" v-for="(value,key) in technologyInfo">
                <Panel>
                key
                    <span style="font-size:16px"></span>
                    <div slot="content">
                        <Collapse v-for="info in value">
                            <Panel  style="font-size:14px">
                                {{info.criterionitemname}}
                                <p slot="content">                          
                                    <span style="display:flex;justify-content:space-between;width:100%">{{info.criterionitemname}}:<span>{{info.indicatorsvalue}}分</span></span>
                                </p>
                            </Panel>
        
                        </Collapse>
                    </div>
                </Panel>
    </Collapse>

    这样会报错
    我该如何获取到“工艺检测项目和感官类项目”

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    更多回答
    扫一扫访问手机版

    回答动态

    师傅被妖怪抓走了:发布了悬赏问题火爆全网的“元宇宙”到底是什么?预计能赚取 1积分收益
    酒后略带风情:发布了悬赏问题Android内存中Graphics与Code占用过高预计能赚取 10积分收益
    扛起拖把扫天下:发布了悬赏问题typescript如何导出接口配置?求解,谢谢!预计能赚取 10积分收益
    发布了悬赏问题Vue 如何改变返回页面的路径?如让B页面只能返回到A页面.预计能赚取 11积分收益
    发布了悬赏问题vue H5移动端;底部bottom固定定位,安卓弹起键盘导致页面变形如何解决?预计能赚取 10积分收益
    发布了悬赏问题请问为什么tomcat8.5 GET请求中文正常,POST请求还需要设置UTF-8.预计能赚取 10积分收益
    发布了悬赏问题vue2.5+ts创建以及引入jq的方法预计能赚取 11积分收益
    情场浪女:发布了悬赏问题import ggplot时报错module 'pandas' has no attribute 'tslib'预计能赚取 10积分收益
    见心书画许老师18753375161:发布了悬赏问题echarts3 legend禁止点击事件,允许悬浮事件预计能赚取 11积分收益
    aa_92cb0bd09f:发布了悬赏问题codewar上的一个问题预计能赚取 11积分收益