es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: VUE-COMPONENT

Vue 3: En cada clic del botón, genera un nuevo componente y añádelo como hijo en el elemento de destino.

He estado buscando una solución sencilla para generar componentes programáticamente en una aplicación Vue 3. Hasta ahora, he utilizado defineComponent para extender el componente div y adjuntarlo al componente principal a través de createApp y mount: Componente Principal <template> <button type="button" v-on:click="addDiv"></button> <div id="app-main"> </div> </template> <script> import {defineComponent, createApp} . . . Read more

En Vue 2, ¿cómo tener solo el primer checkbox de tipo “input” seleccionado en un bucle “v-for”?

Gracias por echar un vistazo, estoy un poco atascado. Tratando de averiguar cómo hacer que el primer cuadro de verificación se muestre marcado de manera predeterminada. Aquí está mi JS, las categorías se generan dinámicamente. Vue.component(‘category-filter’, { template: ‘#category-filter-template’, props: { appMounted: false, }, data() { return { categories: {}, . . . Read more

Pase el componente como prop en Vue JS

Introducción: Estoy explorando Vue Js y me quedé atascado mientras intentaba crear un componente de tabla de datos dinámica. El problema al que me enfrento es que no puedo pasar un componente a través de props y renderizarlo dentro de una tabla. Problema: Básicamente, lo que estoy intentando hacer es . . . Read more

Vue2 obtén el ancho del span y asigna una clase basada en ese ancho.

Tengo este li: <li v-for=”(row, index) in onceItems” :key=”row.product.ID”> <span class=”title” ref=”title” :class=”{ max: getTitleWidth(index) > 200 }”> {{row.product.post_title}} </span> </li> Quiero dar la clase “max” si el elemento tiene más de 200px (detectar títulos largos) methods: { getTitleWidth: function(index) { this.$nextTick(() => { let width = this.$refs.title[index].clientWidth; console.log(width); return . . . Read more