как привязать значение флажка к многомерному массиву

Question

Я сгенерировал флажки, связанные с многомерным массивом, когда я нажимаю, флажок не передает значение, которое он поставил true вместо

<div class="checkboxes">
    <div v-for="(role,index) in returnedroles" for="x">
        <span>{{role.name}}</span>
        <span v-for="(permission,index2) in permissions">
            {{permission.name}} <input type="checkbox" :value="permission.id" :id="permission.id" v-model="checkedpermissions[index][index2]">
        </span>
    </div>
</div>