vue中v-for的嵌套循环+下标获取
vue中v-for的嵌套循环+下标获取<template><div><div v-for="(item,index1) in data" :key="index1"><p>{{item.value}}------{{item.label}}</p><div v-for="(data,in...
·
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)"> {{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>
更多推荐
已为社区贡献7条内容
所有评论(0)