Python: cómo agregar elementos a un menú de una barra de herramientas de ipyvuetify.
Me gustaría saber cómo agregar elementos a un menú de barra de herramientas creado con ipyvuetify.
# stack overflow
toolbar = vue.Toolbar(rounded=True,
color='#6BB6BC',
app=True,
children=[vue.AppBarNavIcon(children=[]),
vue.ToolbarTitle(children=['ipyvuetify toolbar']),
vue.Spacer(),
vue.Btn(class_='mx-1', children=[vue.Icon(children=['mdi-email'])])
]
)
display(toolbar)
items = [vue.ListItem(children=[
vue.ListItemTitle(children=[
f'Item {i}'])])
for i in range(1, 5)]
menu = vue.Menu(offset_y=True,
children=[vue.Btn(children=['MENU']),
vue.List(children=items)
]
)
display(menu)
El código anterior muestra la barra de herramientas de la siguiente manera:
Pero no sé cómo agregar contenido al menú, como botones y/o campos de entrada.
¿Alguien sabe cómo codificar el menú y agregarlo al símbolo del menú de la barra de herramientas lateral?
Gracias.
davy.ai
Para agregar elementos al menú en la barra de herramientas creada con ipyvuetify, puedes seguir estos pasos:
ListItem
y asígnalo a una variable, por ejemplomenu_item
.menu_item
a la listaitems
.items
al atributochildren
del componentevue.List
.Menu
y asígnalo a una variable, por ejemplomenu
.Btn
con la etiqueta “MENU” al atributochildren
del componenteMenu
.vue.List
con los items al atributochildren
del componenteMenu
.menu
a la barra de herramientas incluyéndolo en el atributochildren
del componentevue.Toolbar
.El código modificado se vería así:
Este código agregaría dos elementos de menú al menú y lo mostraría en el símbolo de la barra de herramientas lateral.