tengo este codigo
<template> <V-toolbar> Button 1 Button 2 ..... Button n <\V-toolbar> <\template>Y el número de botones aumentará con la escala de la aplicación.
Mi pregunta es cómo hacer que responda para que en una pantalla pequeña estos botones se puedan ver como un menú (...) .
Gracias
Puede utilizar el servicio de punto de interrupción de Vuetify, como se muestra a continuación:
<v-toolbar> <v-menu bottom left v-if="$vuetify.breakpoint.xs || $vuetify.breakpoint.sm"> <template v-slot:activator="{ on, attrs }"> <v-btn dark icon v-bind="attrs" v-on="on"> <v-icon>mdi-dots-vertical</v-icon> </v-btn> </template> Button 1 Button 2 ..... Button n </v-menu> <template v-else> Button 1 Button 2 ..... Button n </template> </v-toolbar>Puede ver más opciones de punto de interrupción aquí .