请选择 进入手机版 | 继续访问电脑版

[问题求助] v-for 怎么获取JSON对象的key值?

[复制链接]
偷天换钱 发表于 2021-12-3 11:29:27
本帖最后由 偷天换钱 于 2021-12-3 12:49 编辑

数据为:
spec_value:{
    "1": {
        "210": "珍珠白",
        "211": "曜石黑",
        "212": "象牙白"
    },
    "3": {
        "206": "6G + 64G",
        "207": "8G + 64G",
        "208": "16G + 128G",
        "209": "16G + 256G"
    }
}

循环代码:
  1. <view class="list-row" v-if={goods_info.spec_value[id+1] != null}>
  2.      <text class="row-title">{name}</text>
  3.      <view class="row-items">
  4.           <text class="item-text" v-for="(spec,key) in goods_info.spec_value[id+1]">{spec}{key}</text>
  5.      </view>
  6. </view>
复制代码

取出来的key是索引0,1,2,3,而非实际需要的Key值。
请问如206,207,208 这样的key值需要如何获取呢




2条回复

技术咨询-Kenny 管理员 7602Y币
<text class="item-text" v-for="(key) in Object.keys(goods_info.spec_value[id+1])">{key} {goods_info.spec_value[id+1][key]}</text>
偷天换钱 实习司机 1103Y币
本帖最后由 偷天换钱 于 2021-12-7 11:01 编辑

谢谢了,虽然来的晚了些。一直局限在了类vue的语法里,没有转过弯来,唉。
几天没有解决方法,和后端沟通了好久,让后端修改了输出的数据格式。
技术咨询-Kenny · 2021-12-7 10:12{key} {goods_info.spec_value[key]}


您需要登录后才可以回帖 登录

本版积分规则