28 lines
725 B
Vue
28 lines
725 B
Vue
<script setup lang="ts">
|
|
const observers = [{ name: 'A' }, { name: 'B' }]
|
|
|
|
const remove = () => {
|
|
console.log('remove')
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="d-flex ga-1">
|
|
<template v-for="(o, id) in observers" :key="id">
|
|
<v-avatar :text="o.name" size="28" color="primary" rounded="circle" density="compact" border />
|
|
</template>
|
|
<v-menu>
|
|
<template v-slot:activator="{ props: activatorProps }">
|
|
<v-btn rounded="circle" density="compact" icon="mdi-plus" variant="tonal" v-bind="activatorProps" />
|
|
</template>
|
|
|
|
<v-list>
|
|
<v-list-item>a</v-list-item>
|
|
<v-list-item>b</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped lang="scss"></style>
|