//后台返回来的格式
indexList: [{
A: [{
"firstName": "不安",
"id": "1",
checked: false,
disabled: false
}, ]
},
{
B: [{
"firstName": "不安",
"id": "2",
checked: false,
disabled: false
},
{
"firstName": "不安2",
"id": "3",
checked: false,
disabled: false
},
]
},
{
C: [{
"firstName": "不1安",
"id": "4",
checked: false,
disabled: false
},
{
"firstName": "不2安3",
"id": "5",
checked: false,
disabled: false
},
{
"firstName": "不1安3",
"id": "6",
checked: false,
disabled: false
},
{
"firstName": "不0安3",
"id": "7",
checked: false,
disabled: false
},
]
},
{
D: [{
"firstName": "不0安",
"id": "8",
checked: false,
disabled: false
},
{
"firstName": "不1安3",
"id": "9",
checked: false,
disabled: false
},
{
"firstName": "不1安3",
"id": "10",
checked: false,
disabled: false
},
{
"firstName": "不0安3",
"id": "11",
checked: false,
disabled: false
},
]
}
]
}
<u-checkbox-group @change="checkboxGroupChange">
<u-index-list :scrollTop="scrollTop">
<view v-for="(item, index) in indexList" :key="index">
<view v-for="(children,key) in item">
<u-index-anchor :index="key" />
<u-checkbox @change="checkboxChange" v-model="item.checked" v-for=" (item,_index) in children" :key="item.id" :name="item.firstName" class="list-cell" shape='circle' active-color='#00c0a6'>
{{item.firstName}}</u-checkbox>
</view>
</view>
</u-index-list>
</u-checkbox-group>