2018-07-14 14:41:31 +00:00
|
|
|
<template>
|
|
|
|
<div class="dropdown show">
|
2018-07-14 15:01:44 +00:00
|
|
|
<a class="btn btn-sm btn-secondary dropdown-toggle"
|
|
|
|
href="#"
|
|
|
|
role="button"
|
|
|
|
id="dropdownMenuLink"
|
|
|
|
data-toggle="dropdown"
|
|
|
|
aria-haspopup="true"
|
|
|
|
aria-expanded="false">
|
2018-07-14 14:41:31 +00:00
|
|
|
{{label}}
|
|
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
|
2018-07-14 15:01:44 +00:00
|
|
|
<a class="dropdown-item"
|
|
|
|
v-for="option in options"
|
|
|
|
:key="option.label"
|
|
|
|
@click="option.handler">
|
|
|
|
{{option.label}}
|
|
|
|
</a>
|
2018-07-14 14:41:31 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: ['label', 'options']
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<style>
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|