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"
|
2018-07-14 16:31:08 +00:00
|
|
|
:id="_uid"
|
2018-07-14 15:01:44 +00:00
|
|
|
data-toggle="dropdown"
|
|
|
|
aria-haspopup="true"
|
|
|
|
aria-expanded="false">
|
2018-07-14 16:31:08 +00:00
|
|
|
{{ label }}
|
2018-07-14 14:41:31 +00:00
|
|
|
</a>
|
2018-07-14 16:31:08 +00:00
|
|
|
<div class="dropdown-menu dropdown-menu-right" :aria-labelledby="_uid">
|
2018-07-14 15:01:44 +00:00
|
|
|
<a class="dropdown-item"
|
|
|
|
v-for="option in options"
|
|
|
|
:key="option.label"
|
|
|
|
@click="option.handler">
|
2018-07-14 16:31:08 +00:00
|
|
|
{{ option.label }}
|
2018-07-14 15:01:44 +00:00
|
|
|
</a>
|
2018-07-14 14:41:31 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: ['label', 'options']
|
2018-07-14 16:31:08 +00:00
|
|
|
};
|
2018-07-14 14:41:31 +00:00
|
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|
|
|
|
|