根据outer v-for的属性设置选项的选定属性

<div v-for="outerItem in outerList" :key="outerItem.id">
  <div v-for="innerItem in outerItem.innerList" :key="innerItem.id">
    <input type="checkbox" :checked="innerItem.selected">
    <label>{{ innerItem.name }}</label>
  </div>
</div>

data() {
  return {
    outerList: [
      {
        id: 1,
        innerList: [
          { id: 1, name: 'Option 1', selected: true },
          { id: 2, name: 'Option 2', selected: false },
          { id: 3, name: 'Option 3', selected: true }
        ]
      },
      {
        id: 2,
        innerList: [
          { id: 4, name: 'Option 4', selected: false },
          { id: 5, name: 'Option 5', selected: true },
          { id: 6, name: 'Option 6', selected: false }
        ]
      }
    ]
  };
}