<template>
  <div class="demo-checkbox-group-key">
    <div class="demo-box">
      <ui-checkbox-group
        v-model="value"
        :options="options"
        :keymap="{
          value: 'id',
        }">
      </ui-checkbox-group>
    </div>
    <div>当前值: {{ value }}</div>
  </div>
</template>

<script>
import { CheckboxGroup } from "amumu-ui"

export default {
  components: {
    "ui-checkbox-group": CheckboxGroup,
  },
  data() {
    return {
      value: ["order"],
      options: [
        {
          label: "订单",
          id: "order",
        },
        {
          label: "报价单",
          id: "quotation",
        },
        {
          label: "商机",
          id: "opportunity",
        },
      ],
    }
  },
}
</script>
