如何在Vue.js中通过Bootstrap-Vue <b-nav-item-dropdown>使用点击事件？

<template>
  <div>
    <b-nav-item-dropdown text="Dropdown">
      <template v-slot:dropdown>
        <b-dropdown-item @click="handleClick('Option 1')">Option 1</b-dropdown-item>
        <b-dropdown-item @click="handleClick('Option 2')">Option 2</b-dropdown-item>
        <b-dropdown-item @click="handleClick('Option 3')">Option 3</b-dropdown-item>
      </template>
    </b-nav-item-dropdown>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(option) {
      console.log('Clicked:', option);
      // 在这里可以编写处理点击事件的逻辑
    }
  }
}
</script>