Skip to main content

Respuestas populares con la etiqueta

6 votos

¿Cual es la forma correcta de usar el composition API de Vue 3?

Dependiendo de la versión de Vue que estés utilizando, puedes usar Options API o Composition API que introdujo Vue 3 y aunque Vue 3 es retro compatible con Vue 2 debes escoger entre utilizar una u ...
Avatar del usuario Raymond
  • 186
4 votos

Obtener datos del navegador y dispositivo en Vue 3

yo utilizo esta funcion que hice en vanilla javascript por lo que la puedes usar con el framework de tu preferencia function getOS () { const isThere = 'navigator' in window; let os = ""...
Avatar del usuario JS Disciple
4 votos

Obtener datos del navegador y dispositivo en Vue 3

Finalmente lo solucioné de la siguiente manera: Habiendo instalado el plugin (https://www.npmjs.com/package/vue-device-detector-js), copié el contenido de /node_modules/vue-device-detector-js/index.js ...
Avatar del usuario Agustin G.
  • 2,760
4 votos
Aceptado

Crear un array vacio reactivo

De acuerdo con esta entrada en la documentación de Vue, la función ref devuelve un tipo Ref que es una interfaz genérica declarada de la siguiente forma: interface Ref<T> { value: T } Como se ...
Avatar del usuario Héctor M.
  • 2,069
3 votos
Aceptado

Como buscar criterio en una lista y al borrar el criterio mostrar la lista original

Dado que en un comentario especificas que estás utilizando VueJS, aprovecharé de llevar la solución directamente a dicho framework. Para hacerlo en JS Vanilla (Puro), debes vincular los respectivos ...
Avatar del usuario Soy César Mora
2 votos
Aceptado

Vue3 composition api no rellena select option

Toma en cuenta lo siguiente: en el v-for estas llamando a apartaments el cual no es un objeto es una funcion. la función apartaments no esta retornando ningun valor a pesar de que si esta creando ...
Avatar del usuario Alejandro Gonzalez
2 votos
Aceptado

Convertir texto a HTML en Vue

Saludos esto puedes realizarlo a traves de la directiva de Vue v-html component.vue <template> <div id="component-1"> <h1 v-html="propTitle" ></...
Avatar del usuario Alejandro Gonzalez
2 votos
Aceptado

No reconoce el @ de la carpeta src en Vue

Estuve investigando y esto ocurre porque cuando llama a un recurso dentro de javascript tiene que usar una ruta relativa ya que la carpeta assets no existe despues de que vue se compila asi como ...
Avatar del usuario Alejandro Gonzalez
2 votos

Cambiar el nombre de los ficheros generados tras hacer npm run build

Ya he conseguido resolver mi duda, pego la solución por si a alguien le viene bien, const dateBuildWC = new Date() const dateBuildFormat = dateBuildWC.toLocaleDateString().replaceAll('/','_') const ...
Avatar del usuario oscarfpata
2 votos
Aceptado

Obtener datos del navegador y dispositivo en Vue 3

Cuando creas un plugin en Vue 3 necesita ser un objecto que tenga la función install. Digamos que tu plugin se llama Device, tu plugin lo puedes crear así: // device.js export default { install (app)...
Avatar del usuario Brayan Martínez Santana
2 votos
Aceptado

Problema con respuesta de servidor , no cambia el false por true

mi problema es que no manejé bien los datos del servidor que me llegaban en formato json luego de convertir el resultado de la promesa en un json funcionó const responseData = await ...
Avatar del usuario Chaoticsystem504
1 voto
Aceptado

v-model cannot be used on a prop, because local prop bindings are not writable

Rebuilding the Nuxt3 project into a new working directory helps me - the errors disappeared. Its appear again if you try to upgrade the project to Nuht3-RC-13, for example, and are not removed when ...
Avatar del usuario Sp Mbt
  • 26
1 voto

Cargar distintos select en un formulario en vue3

He detectado dos cosas: en la función apartaments() estás seteando state.proofincomes el return {... toRefs(state), apartaments, ...} Aquí, apartaments (función) está sobreescribiendo al apartaments ...
Avatar del usuario Ricardo Cruz Leyva
1 voto
Aceptado

Enviar evento de componente padre a hijo

Según tu código no hay ningún método "openLightbox", de dónde es que lo estás llamando en el padre? para mandar propiedades desde el padre al hijo: Componente padre: <template> <...
Avatar del usuario Eme
  • 105
1 voto
Aceptado

Enviar props mediante this.$router.push en Vue

Lo que intentas es navegación programática, y para el envió de props puedes usar el objeto params: {} como lo indica la documentación y asignar en tu componente los props: true para que puedas tomarlo:...
Avatar del usuario ZeroCool
  • 920
1 voto

Toast no funciona en Bootstrap-Vue-3

Lo conseguí utilizando useToast import { useToast } from 'bootstrap-vue-3'; export default { name: "App", sutup() { const toast = useToast(); return { toast }; }, methods: { ...
Avatar del usuario Wilmer Martínez
1 voto

Insertar checkbox en tabla con VueJS

Conseguido! Si alguien se atasca, comparto código. Era usando template pero creando una columna nueva, gracias a Marcos por contestar :) <template> <div id="app"> <...
Avatar del usuario vlexx
  • 31
1 voto
Aceptado

Cargar formato de fecha datetime-local en input

Si miras la documentación del <input type="datetime-local"> verás que dice que su value debe estar en un formato concreto que no estás usando en tu string. La solución pasa por cambiar ...
Avatar del usuario masterguru
1 voto
Aceptado

Tiempo actual en input con moment y vue 3

Los errores son los siguientes: horaActual es una función, pero al imprimirla no la estas ejecutando. horaActual no devuelve nada, sino que hace un console.log Solución: Modificar la función ...
Avatar del usuario Marcos
  • 35.5k
1 voto

Validar fecha y hora laravel

Según la documentación de Laravel, la validación date_format valida que el campo que se le pase este en el formato especificado. Supongo que como la fecha esta en un formato diferente (lo digo por la ...
Avatar del usuario SDIV
  • 135
1 voto
Aceptado

Agregar un dato a un array el cual no esta en la base de datos pero la otra información si viene de base de datos de un select

Puedes agregar el valor que no está en la base de datos antes de llenar el array con la consulta API, por ejemplo: data{ return(){ optCDI: [{value: 0, label: 'Por definir'}], } } Cuando ...
Avatar del usuario Steven Burgos
1 voto

Proteger ruta "login" despues de haber auntentificado - Vuejs

router.beforeEach((to,from,next) => { const rutaIsProtected = to.matched.some(record => record.meta.rutaProtegida) if(rutaIsProtected && store.state.token === null { next('/login'...
Avatar del usuario NaturalDevCR
1 voto

Personalizar por pagina con Vue 3 y Laravel

No entiendo bien el problema. El pregunta es que no sabes como hacerlo en Laravel o que no sabes mandar esos parámetros al backend desde Vue.js (siento ponerlo en respuesta pero no tengo reputación) ...
Avatar del usuario Voxxii
  • 326
1 voto
Aceptado

Vue3: Los componentes solo se muestran cuando la extensión Vue Devtools está abierta

La segunda forma está bien, nada más te falta la coma const App = { components: { 'my-component-name': { template: `<input type="text" name="test">` } }, ...
Avatar del usuario Agustin G.
  • 2,760
1 voto
Aceptado

Error al intentar obtener el valor de un objeto con toRef

Flujo del problema 0s El componente padre hace una llamada a tu api (digamos que tarda 1seg) 0.1s El componente padre le pasa project (es {} a este punto) al componente hijo. 0.2s El componente hijo ...
Avatar del usuario Brayan Martínez Santana
1 voto
Aceptado

Ocultar componentes en lugar de desmontarlos

Puedes utilizar los módulos css Estos permiten aplicar una clase de css a un elemento de las siguientes formas: <template> <!-- equivalente a class="red" --> <p :class=&...
Avatar del usuario Brayan Martínez Santana
1 voto

Vue3 - Recibir emit y añadir parametro a la función que lo recibe

Lo resolví de la siguiente manera: <chat @sendMessage="sendMessage($event, 'parámetro adicional')" /> y la función como cualquier otra: function sendMessage (message: string, param: ...
Avatar del usuario Silvestre Moreno Calderón
1 voto

No reconoce el @ de la carpeta src en Vue

Dentro del código html lo mejor es usar la notación de directorios para posicionarte y buscar lo que necesitas. Intenta cambiar el @ por un esquema de directorios Ejemplo: ./ -> Para posicionarte ...
Avatar del usuario Fabian Reyes
1 voto
Aceptado

Como pasar un objeto en una prop a un componente de vista, a través del Router

Si quieres enviar un parametro por URL no puedes enviar un objetos a menos que lo conviertas en un string en base64. Si por el contrario no necesita enviarlo por url solo haga esto: router.push({ ...
Avatar del usuario Alejandro Gonzalez
1 voto
Aceptado

¿Como traer images con nuxt 3 y el ssr activo?

Bueno logre solucionar este problema agregando mis imagenes en la carpeta public de esta forma puedo referenciar a ellas solo colocando: <img src="./public/products/3.jpg" />
Avatar del usuario Alejandro Gonzalez

Only top scored, non community-wiki answers of a minimum length are eligible