/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/v-menu/usage.vue
73 строки
1 KB
nekosaur
docs(VMenu): update examples and text
02 апр 2022, 12:38
02 апр 2022, 12:38
e290313
Код
Авторство
О чём код?
<template> <div class="d-flex justify-space-around"> <v-menu> <template v-slot:activator="{ props }"> <v-btn color="primary" v-bind="props" > Activator slot </v-btn> </template> <v-list> <v-list-item v-for="(item, index) in items" :key="index" :value="index" > <v-list-item-title>{{ item.title }}</v-list-item-title> </v-list-item> </v-list> </v-menu> <v-btn color="primary" > Parent activator <v-menu activator="parent"> <v-list> <v-list-item v-for="(item, index) in items" :key="index" :value="index" > <v-list-item-title>{{ item.title }}</v-list-item-title> </v-list-item> </v-list> </v-menu> </v-btn> <v-btn id="menu-activator" color="primary" > Sibling activator </v-btn> <v-menu activator="#menu-activator"> <v-list> <v-list-item v-for="(item, index) in items" :key="index" :value="index" > <v-list-item-title>{{ item.title }}</v-list-item-title> </v-list-item> </v-list> </v-menu> </div> </template> <script> export default { data: () => ({ items: [ { title: 'Click Me' }, { title: 'Click Me' }, { title: 'Click Me' }, { title: 'Click Me 2' }, ], }), } </script>