如何在vue-good-table中显示类型为array的字段的下拉列表

<template>
  <div>
    <select v-model="selectedValue">
      <option v-for="option in options" :value="option">{{ option }}</option>
    </select>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: Array,
      required: true
    },
    options: {
      type: Array,
      required: true
    }
  },
  data() {
    return {
      selectedValue: this.value
    };
  },
  watch: {
    selectedValue(newValue) {
      this.$emit('input', newValue);
    }
  }
};
</script>

<template>
  <div>
    <vue-good-table :columns="columns" :rows="rows"></vue-good-table>
  </div>
</template>

<script>
import CustomCell from './CustomCell.vue';

export default {
  components: {
    'custom-cell': CustomCell
  },
  data() {
    return {
      columns: [
        {
          label: 'Array Field',
          field: 'arrayField',
          formatter: 'custom-cell',
          formatOptions: {
            options: ['Option 1', 'Option 2', 'Option 3']
          }
        }
      ],
      rows: [
        {
          arrayField: ['Option 1']
        },
        {
          arrayField: ['Option 2']
        },
        {
          arrayField: ['Option 3']
        }
      ]
    };
  }
};
</script>