vue中v-for的嵌套循环+下标获取

<template>
  <div>
    <div v-for="(item,index1) in data" :key="index1">
      <p>{{item.value}}------{{item.label}}</p>
      <div v-for="(data,index2) in item.senate" :key="index2">
          <p @click="show(index1,index2)">&nbsp;&nbsp;&nbsp;&nbsp;{{data.value}}------{{data.name}}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return{
      data: [
        {
        'value': '1',
        'label': '等待期',
        'senate': [
            {
                'value': '1',
                'name': '天'
            },
            {
                'value': '2',
                'name': '字符串'
            }
        ]
    },
    {
        'value': '2',
        'label': '既往史',
        'senate': [
            {
                'value': '1',
                'name': '天'
            },
            {
                'value': '2',
                'name': '字符串'
            },
            {
                'value': '3',
                'name': '千克'
            }
        ]
    }
]
    }
  },
  methods:{
    show(index1,index2){
      alert(index1+'-----------'+index2)

    }
  }
}
</script>

Logo

前往低代码交流专区

更多推荐