如何在v-datatable中使用带有动态数组的v-switches v-model

import { Datatable, Switches } from 'v-datatable';

components: {
  Datatable,
  Switches
},

data() {
  return {
    items: [], // 动态数组
    switches: {} // 开关状态
  };
},

<template>
  <div>
    <datatable :data="items">
      <column label="ID" field="id"></column>
      <column label="Name" field="name"></column>
      <column label="Status">
        <template slot-scope="props">
          <switches v-model="switches[props.item.id]"></switches>
        </template>
      </column>
    </datatable>
  </div>
</template>

methods: {
  handleSwitchChange(id, value) {
    // 处理开关状态变化的逻辑
    console.log(`Switch with ID ${id} changed to ${value}`);
  }
},

mounted() {
  // 初始化动态数组
  this.items = [
    { id: 1, name: 'Item 1' },
    { id: 2, name: 'Item 2' },
    { id: 3, name: 'Item 3' }
  ];

  // 初始化开关状态
  this.items.forEach(item => {
    this.$set(this.switches, item.id, false);
  });
},