Tag: BUEFY
¿Es posible cargar un componente Vue en una cadena para usarlo con buefy confirm? He intentado lo siguiente, pero no funciona: archiveChannelPrompt () { const archiveChannel = document.createElement(‘template’); new Vue({ i18n, router, render: (h) => h(OArchiveChannel, { props: { channel: this.channel, } }), }).$mount(archiveChannel); this.$buefy.dialog.confirm({ title: ‘Archivar canal’, message: archiveChannel.outerHTML, . . . Read more
Estoy obteniendo este error: [Vue warn]: Elemento personalizado desconocido: <b-taginput> – ¿has registrado correctamente el componente? Para componentes recursivos, asegúrate de proporcionar la opción “name”. en esta prueba: import { shallowMount, createLocalVue } from ‘@vue/test-utils’; import MultipleChoice from ‘@/components/MultipleChoice’; import Buefy from ‘buefy’; const localVue = createLocalVue(); localVue.use(Buefy); describe(‘MultipleChoice.vue’, () . . . Read more
Tengo una tabla de buefy con valores entre 0 y 1000, quiero resaltar condicionalmente las celdas en la tabla según el valor de la celda. Por ejemplo, si el valor es mayor a 50, quiero establecer el fondo de la celda en verde, de 25 a 50 en amarillo y . . . Read more
Tengo un proyecto Nuxt con Buefy. Hay un elemento b-table que se ve así: <b-table :data=”formats”> <b-table-column v-slot=”{ row }” label=”Relación de aspecto” field=”value”>{{ row.value }}</b-table-column> <b-table-column v-slot=”{ row }” label=”Visuales asignados” field=”assignedVisuals”>{{ getAssignedVisuals(row.key) }}</b-table-column> <b-table-column v-slot=”{ row }” label=”Cantidad de pantallas” field=”devicesCount”>{{ row.devicesCount }}</b-table-column> </b-table> La segunda columna llama . . . Read more
Buefy Tables tiene una configuración donde puedes elegir qué filas se resaltan con un color específico según una variable en la fila. :row-class=”(fila, índice) => fila.variable === x && ‘is-info'”> y agregando un estilo para la clase de fila específica: Esto funciona, y puedo resaltar todas las filas con x . . . Read more