<template>
  <div>
    <b-dropdown text="Dropdown">
      <template v-for="item in dropdownItems">
        <b-dropdown-item :key="item.id" @click="handleItemClick(item)">{{ item.name }}</b-dropdown-item>
        <template v-if="item.isDivider">
          <b-dropdown-divider></b-dropdown-divider>
        </template>
      </template>
    </b-dropdown>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dropdownItems: [
        { id: 1, name: 'Option 1', isDivider: false },
        { id: 2, name: 'Option 2', isDivider: false },
        { id: 3, name: 'Option 3', isDivider: true },
        { id: 4, name: 'Option 4', isDivider: false },
      ]
    };
  },
  methods: {
    handleItemClick(item) {
      // 处理选项点击事件
    }
  }
};
</script>