用vue写一个下拉框组件给到具体的代码

好的，下面是用 Vue 写一个下拉框组件的代码：

<template>
<div class="dropdown">
<div class="dropdown-toggle" @click="toggleDropdown">{{ selected }}</div>
<div class="dropdown-menu" v-show="isOpen">
<div v-for="(option, index) in options" :key="index" @click="selectOption(option)">
{{ option }}
</div>
</div>
</div>
</template>

<script>
export default {
data() {
return {
isOpen: false,
selected: '请选择',
options: ['选项1', '选项2', '选项3']
}
},
methods: {
toggleDropdown() {
this.isOpen = !this.isOpen
},
selectOption(option) {
this.selected = option
this.isOpen = false
}
}
}
</script>

希望这个代码能够帮到你！