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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    v-for循环使用key值。
    36
    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
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在Vue中,v-for循环中的key值用于根据特定的规则为每个元素分配一个唯一的标识符。这个标识符可以在Vue中用于进行数据绑定、排序等操作。

      以下是一个简单的例子,展示如何使用v-for循环和key值:

      ```html

      ```

      在这个例子中,我们有一个名为items的数组,每个元素都有一个name属性。v-for循环会遍历这个数组,并为每个元素分配一个唯一的标识符。这个标识符是在:key属性中定义的,这个属性用于根据特定的规则为每个元素分配一个唯一的标识符。

      在Vue模板中,我们使用:key属性来为li元素分配一个唯一的标识符,这样我们就可以根据这个标识符来对数据进行排序、过滤等操作。

      注意,:key属性是Vue的默认属性,你不需要在v-for循环中手动指定。但是,如果你想要自定义每个元素的标识符,你可以创建一个新的属性,并在v-for循环中使用它。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部