Vue-formulate Group item可折叠/切换折叠

<template>
  <div>
    <formulate-group v-model="formData" :key="formData">
      <formulate-group-item
        v-for="(item, index) in items"
        :key="index"
        :label="item.label"
        :collapsed="item.collapsed"
        @toggle-collapse="toggleCollapse(index)"
      >
        <formulate-input v-model="item.value"></formulate-input>
      </formulate-group-item>
    </formulate-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {},
      items: [
        { label: 'Item 1', value: '', collapsed: false },
        { label: 'Item 2', value: '', collapsed: true },
        { label: 'Item 3', value: '', collapsed: false }
      ]
    };
  },
  methods: {
    toggleCollapse(index) {
      this.items[index].collapsed = !this.items[index].collapsed;
    }
  }
};
</script>