Tag: VUETIFY.JS
<v-list shaped=””> <v-navigation-drawer> <v-list shaped=””> <v-list-item-group v-model=”selectedItem” multiple=””> <template v-for=”(item, i) in items”> <v-list-item :value=”item”> <v-list-item-title>{{item.text}}</v-list-item-title> </v-list-item> </template> </v-list-item-group> </v-list> </v-navigation-drawer> </v-list> data: () => ({ selectedItem: 0, drawer: null, items: [ { icon: ‘fas fa-home’, text: ‘Dashboard’, route: ‘/home’ }, { icon: ‘fas fa-money-check-alt’, text: ‘Invoices’, route: ‘/invoices’ }, . . . Read more
Tengo una tabla de datos que utiliza Vuetify y recibe la propiedad localAuthority desde un backend de Rails. Todo funciona muy bien hasta que paso una asociación secundaria vacía (atributo anidado). En este caso ‘county’: import axios from “axios”; export default { name: ‘LocalAuthorityIndex’, props: { localAuthorities: {type: Array, default: . . . Read more
Cuando uso v-slot:body con un v-checkbox para la selección de fila, obteniendo un comportamiento inesperado en comparación con una v-data-table sin ningún v-slot:body. Cuando el objeto “items” cambia, todos los checkboxes son “seleccionados” en el v-slot:body. ¿Qué es diferente entre mi v-checkbox y el utilizado por la v-data-table sin v-slot:body? . . . Read more
Estoy creando una aplicación web que permite a los usuarios crear una cuenta y luego unirse a una sala. Dentro de la sala, pueden hacer clic en un botón que les permite elegir al azar a quién le van a dar un regalo. El problema que tengo es cómo puedo . . . Read more
Tengo una cuadrícula de imágenes de la cual quiero hacer una selección y actualizar el valor con la imagen seleccionada. Antes de hacerlo, espero una indicación que verifique si deseas actualizar o cancelar/descartar. ¿Qué debo hacer para actualizar “this.backGroundUrl” en el método de abajo con la nueva imagen seleccionada? Cuadrícula . . . Read more