弹窗切换v-for遍历项中的内容

类似于淘宝订单确认页，修改其中某项的某个内容

例如下图中，选中购买运费险，订单确认项就可以显示已购买

问题：我是用vue来写这个页面，每一项使用v-for来进行遍历，弹框中的列表项使用'v-for="k in item.childrList'来遍历，具体代码入下

```javascript

//数据
{
"flex" justify="space-between" class="row" v-for="k in item.expressageList" :key="k.id"
                  @click="selectExpressage(item.id,k.id)">
                  <van-col>
                    <p>{{k.name}}派递 <span>{{k.price}}元span>p>
                    <p>预计 {{k.preset_time}}前送达p>
                  van-col>
                
          id: 3,
          imgSrc: require('@/assets/upload/苹果.png'),
          name: '新苹果',
          type: 'bidding',
          price: 500.788,
          num: 2,
          expressage_name: '顺丰',
          expressage_price: 30,
          preset_time: '8月4日24:00',
          expressageList: [
            { id: 1, name: '韵达', price: 8, preset_time: '8月7日24:00' },
            { id: 2, name: '邮政', price: 5, preset_time: '8月6日24:00' },
            { id: 3, name: '德邦', price: 15, preset_time: '8月5日24:00' },
            { id: 4, name: '顺丰', price: 30, preset_time: '8月4日24:00' }
          ]
        }
//方法
selectExpressage(id, index) {
      console.log(id, index)
      this.show = false
    }

控制台打印结果，kid是正确的，但item.id结果一直是item的项数

![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/988068492766186.png "#left")

你的问题是item,id 没有打印这个3吗

item.id不就是1234 。。。。。

根据你的代码 item.id 不就是 3吗？ 想要取 expressageList里的 id 就得用 k.id