26 lines
866 B
Vue
26 lines
866 B
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
|
|
const items = ref([{ title: 'Click Me' }, { title: 'Click Me' }, { title: 'Click Me' }, { title: 'Click Me 2' }]);
|
|
|
|
const locations = ref(['top', 'bottom', 'start', 'end', 'center']);
|
|
const location = ref();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="text-center mt-4">
|
|
<v-select v-model="location" :items="locations" label="Location"></v-select>
|
|
<v-menu :location="location">
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn color="primary" dark v-bind="props" flat> Dropdown </v-btn>
|
|
</template>
|
|
|
|
<v-list>
|
|
<v-list-item v-for="(item, index) in items" :key="index">
|
|
<v-list-item-title>{{ item.title }}</v-list-item-title>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
</div>
|
|
</template>
|