Preguntas con la etiqueta [vue3]

Para temas relacionados al desarrollo con el framework Vue, versión 3.x. Utilizar esta etiqueta sólo para preguntas específicas de esta versión. Preferentemente, también acompañarla con la etiqueta [vue.js].

Filtrar por
Ordenado por
Etiquetadas con
0 votos
1 respuesta
21 vistas

Error al tipar props con una interface Vue3 + typescript

Errores al tipar los props usando una interface, este es mi código y funciona correctamente. Pero: defineProps<Props>(); Se resalta el siguiente error (Vue: Untyped function calls may not ...
Angel Martinez's user avatar
0 votos
0 respuestas
30 vistas

Levantando un proyecto de una pwa de vue con ngrok en docker Oo

un cordial saludo a toda la comunidad de vue. actualmente estoy probando el servicio de pwa de vue, levantandolo con ngrok, todo esto usando docker con una imagen de node 14. el problema es que cuando ...
Arturo Cabrera's user avatar
0 votos
0 respuestas
34 vistas

Cómo recorrer un objeto reactivo en vue3

Estoy aprendiendo a programar en Vue3 y me surge una duda que no soy capaz de solucionar. La idea es que al renderizar la página en cuestión, mostrará una lista de documentación, la cual obtengo ...
Isaac Montenegro's user avatar
0 votos
0 respuestas
16 vistas

test cypress con componente de primeVue

estoy haciendo un test component en cypress para un proyecto con vue y con la dependencia de la librería de Prime Vue, a la hora de ejecutar el test, me da el error: Cannot read properties of ...
user1798310's user avatar
0 votos
0 respuestas
32 vistas

No me reconoce sintaxis de vuetify

Despues de instalar vuetify con el comando 'yarn add vuetify' no me reconoce la sintaxis en el template, antes me pintaba de amarillo las etiquetas, ahora ya no, es decir que no me aplica los estilos ...
Limbert Molina's user avatar
2 votos
2 respuestas
44 vistas

Vue no carga componente en los archivos de views

Tengo un proyecto de Vue 3 con Vite. Quise implementar Vue-router, pero, al intentar cargar los componentes a los archivos de views no lo renderiza. Aquí muestro todo de manera más visual. router.js ...
jhojan ropero's user avatar
0 votos
0 respuestas
45 vistas

Error al crear una aplicación de nuxt 3 | no se pueden instalar los node_modules

Buen día colegas,estoy tratando de crear una aplicación en nuxt para comenzar a aprender las nuevas funcionalidades, pero tengo los siguientes errores, ya llevo dos días tratando de resolver este ...
Manueel Perezz's user avatar
0 votos
0 respuestas
15 vistas

¿Como cambiar en Vuejs 3 Options Api el estado v-show en listado de registros laravel, sabiendo el id de laravel?

Tengo un listado de productos en laravel (no se usa v-for) sino @foreach, el cual itero obteniendo una tabla en html. En cada producto que se muestra hay un botón que contiene un id y la propiedad v-...
rendor9's user avatar
  • 334
0 votos
0 respuestas
30 vistas

Como puedo crear un arreglo de objetos con propiedades que obtengan valores de variables reactivas?

Un contexto rápido, tengo la siguiente tabla <table class="table table-hover custom-table"> <thead> <tr> <th></th> ...
Alonso's user avatar
  • 1
0 votos
1 respuesta
167 vistas

Solucionar problema Cors Policy Vue3 + Axios

Me estoy desesperando ya con un tema de las cors policy. Utilizando una extensión de chrome no hay problema, pero si la quito me salta por todos los lados. He probado a hacer el deploy y no soluciona ...
miguelguigar's user avatar
0 votos
0 respuestas
177 vistas

Error VueJS: Cannot read properties of null (reading 'parentNode')

Estoy desarrollando un proyecto y no se porque cada vez que hago algún cambio en un archivo me sale el siguiente error: Se quita en cuanto recargo la pagina pero vuelve cada vez que se auto-recarga ...
Adoney's user avatar
  • 43
0 votos
0 respuestas
20 vistas

Obtener valores al dar clic en el icono desplegable de un Datatable

estoy tratando de obtener el valor de la fila al dar clic en el icono para desplegar el detalle de esa misma fila. Estoy utilizando Prime Vue, puedo desplegar la fila pero no puedo obtener el valor de ...
kenny's user avatar
  • 313
0 votos
0 respuestas
20 vistas

Uncaught ReferenceError: Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization

Estoy pasando un proyecto de vue2 a vue 3, y tras actualizar todo y que el yarn watch no me de errores me aparece esto en consola: at Module.default (app.js?id=c1e921bb2d946c8b618b3d0fe2308865:...
Aerys's user avatar
  • 67
0 votos
0 respuestas
15 vistas

¿En qué afecta los modos de renderizado de Nuxt 3 en la ejecución de codigo?

Presento el siguiente comportamiento Supongamos que tengo un page donde se ejecuta varios life cycle hooks de vue como onBeforeMount y onMounted estos life cycles hooks ejectuan perfectamente cuando ...
Alvaro J Vanegas's user avatar
0 votos
0 respuestas
38 vistas

¿Cómo cerrar los componentes hijos menos el que ha sido clickeado en vue 3?

Estoy haciendo una sidebar que contiene varios menús desplegables. Todo funciona, pero no sé cómo lograr que al clickear uno de los submenús los demás se cierren. Ejemplo: si cliqueo el submenú 1 y ...
Emanuel bass's user avatar
0 votos
0 respuestas
60 vistas

¿como pasar los datos obtenidos desde useFetch a un componente en nuxt 3?

tengo un componente llamado mapa ese componente usa un composable function donde traigo desde una api datos que necesito cargar para utilizar mapbox. Este es mi composable const getMunicipios = async (...
Alvaro J Vanegas's user avatar
2 votos
1 respuesta
24 vistas

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

Buen día ,tengo un problema y es que por default mi codigo tiene seteada como respuesta los siguientes valores let response = { status: 0, success: false, headers: {}, json: ()=>null, text: ()=>...
Chaoticsystem504's user avatar
0 votos
1 respuesta
94 vistas

Problemas al filtrar datos en Primevue vue 3

Estoy siguiendo la documentacion de filtrar datos con PrimeVue en vue 3 , al momento de ejecutar el filtro no me muestra ningun resultado. Este es el codigo de la tabla. <DataTable ref="dt&...
kenny's user avatar
  • 313
0 votos
1 respuesta
46 vistas

Actualizar valor de una props para hacer un buscador

Estoy tratando de actualizar una tabla dinámica a la hora de escribir un parámetro por el cual quiero buscar un registro. Primeramente tengo un formulario (componente Padre) y dos tablas (componentes ...
scorpions78's user avatar
0 votos
0 respuestas
18 vistas

Mostrar datos en gráfica con chartjs llenando dataset con llamada http

Debo mostrar una gráfica, usando vue 3 y composition API, con la que debo lleno un dataset con los datos que traigo de una llamada http, si lleno el dataset con datos estáticos la tabla se muestra ...
francesco14's user avatar
3 votos
1 respuesta
206 vistas

Crear un array vacio reactivo

Estoy tratando de generar un array vacio en mi script setup de vue 3, pero no encuentro la forma de hacerlo al querer definirlo reactivo. Las cosas que intente fueron las siguientes: <script setup ...
gbianchi's user avatar
  • 20.4k
0 votos
1 respuesta
187 vistas

¿Cómo usar una store desde otra en Pinia (Vue 3)?

Estoy creando un par de stores con vue 3, una de ellas (user.js) contiene la siguiente estructura: import { defineStore } from 'pinia'; import { useGlobalStore } from './global.js'; // Esta línea me ...
Andy White's user avatar
0 votos
0 respuestas
29 vistas

pintar datos enviados desde otro componente

Estoy tratando de enviar un objeto que contiene un array de objetos desde un componente, que funciona como un formulario a otro componente que pintaría una tabla con dichos datos de mis objetos. Para ...
scorpions78's user avatar
0 votos
1 respuesta
48 vistas

¿Cómo exportar un componente VUE para usarlo como IIFE?

Tengo una aplicación realizada con webpack npm, quisiera exportar un componente para usarlo desde un archivo fuera del entorno. Algo como esto: <script src="https://cdn.jsdelivr.net/npm/vue@3....
heyfranks's user avatar
1 voto
1 respuesta
332 vistas

llenar tabla con vuejs 3 y composition API

Estoy tratando de llenar una tabla en el momento en que hago click en un botón de un formulario de búsqueda. Para esto estoy usando Laravel para montar la API y vue js 3 con composition API y ...
scorpions78's user avatar
0 votos
0 respuestas
116 vistas

mostrar datos en tabla con vue js 3 usando composition API y composables

Estoy tratando de mostrar por medio de composition API y composables mis registros de una API realizada en Laravel 9 en una tabla. El problema es que no consigo mostrar la tabla. He podido comprobar ...
scorpions78's user avatar
0 votos
0 respuestas
27 vistas

El último valor de mis formularios que voy generando se aplica a todos los campo

El problema que tengo es que el último valor de mis formularios que voy generando se está aplicando a todos los campos, por ejemplo, si pongo en tipoCampo = number y en n_adicional = 1 , y genero otro ...
César Chaquinga's user avatar
0 votos
0 respuestas
51 vistas

Directiva vue 3 usando beforeMount

Tengo el siguiente codigo donde recibo un array de permisos desde el backend y los cargo en una funcion, luego aplico directivas en mi main.js de vue 3, en mi componente.vue aplico la directiva v-can ...
Trance Code's user avatar
0 votos
0 respuestas
12 vistas

Como hago para comunicarme entre una función de un componente vue en laravel con el método de un controlador con Inertia.js v1.0

const update = () => { form.put(route("usuarios.update", form.id)) formStatusCurrent.value = 1 }; Necesito cambiar el estado de formStatusCurrent segun lo que me devuelva el método del ...
Ricardo Miguel Prigent's user avatar
0 votos
1 respuesta
88 vistas

Llamar a una function de un composable en un plugin de VueJS 3

Tengo un plugin que estoy intentando desarrollar y necesito llamar al usuario que me retorna un composable, este usuario lo trae en el const profile import { reactive, toRefs } from 'vue' import ...
Trance Code's user avatar
0 votos
0 respuestas
10 vistas

Error al instalar vue 3 en mi proyecto de Laravel 9

Hola alguien me prodria ayudar, estoy intentando instalar vue 3 en mi proyecto de laravel, pero al terminar la instalación me da el siguiente error. PS C:\xampp\htdocs\OVALaravelMix> npm install ...
CsarCh's user avatar
  • 1
0 votos
0 respuestas
39 vistas

Cómo poner un loader con porcentaje en video/audio html antes de que se cargue inicialmente?

Actualmente estoy en un proyecto en vue done estoy creando un multi-reproductor de diferentes tipos de medias... y uno de los features que me solicitaron es colocar un loader de carga que dure el ...
José Daniel Albarracín's user avatar
0 votos
1 respuesta
21 vistas

Error al crear función con la clase splice vue js

Estoy intentado crear una lista de tareas con vue pero al pintar el componente me sale error en consola de la clase splice Este es el componente logico useTodo import { reactive, toRefs } from "...
Juanzu's user avatar
  • 584
0 votos
0 respuestas
153 vistas

Laravel permission con VueJS 3

Tengo un proyecto configurado con Vue 3 y Laravel donde utilizo Laravel permission, he realizado la configuracion en el backend y esta funcionando sin problemas en un proyecto tenancy, en el front me ...
Trance Code's user avatar
0 votos
1 respuesta
22 vistas

¿Cómo detectar si no hay elemento html para ocultar el título en VUE?

actualmente tengo un componente de VUE con una sección "Descripción" que se muestra siempre aunque no haya una descripción, me gustaría ocultar eso pero actualmente le pasamos el HTML ...
Carlos's user avatar
  • 857
0 votos
0 respuestas
81 vistas

Como desplegar una aplicacion de Vue 3 en un hosting compartido?

Hice mi aplicacion en Vue 3 y tengo un hosting compartido y quiero publicarlo ahi. Lo quiero poner en una carpeta y que esa sea la url algo asi main > proyectos > [App Vue 3] Solo he hecho ...
Thunder 's user avatar
0 votos
1 respuesta
102 vistas

Acceder a State desde archivo js en vue 3

estoy intentando acceder al store de vueX en Vue 3 desde un archivo .js que es auxiliar de un componente, sin embargo me devuelve undefined constantemente, he probado a usar los hooks de Vue, pero es ...
user1798310's user avatar
0 votos
0 respuestas
35 vistas

¿Cómo comunicar dato del componente padre a hijo cuando el dato deba ser modificado en ambos componentes? - vue3 composition api - TS

teniendo componente aComp: <script setup lang="ts"> import { ref, reactive, onUpdated, onMounted, ComputedRef} from 'vue'; import bComp, { IProps_bComp } from "./b-...
Magner Lesmes's user avatar
0 votos
0 respuestas
92 vistas

como debo adjuntar un archivo a una solicitud HTTP PUT con axios? estoy usando simple-router PHP en el backend

bueno primero un poco de contexto: es una app web en el front uso Vue 3, y para enviar datos uso axios en el back uso PHP con una libreria para routear las peticiones (EasyProjects\SimpleRouter) el ...
M.Roman's user avatar
  • 33
0 votos
1 respuesta
152 vistas

¿Cómo puedo llamar un componente de vue en javascript?

quiero llamar a un componente de vue a un archivo de javascript para que lo muestre En este caso al que quiero llamar es a Iframe.vue, lo llamo mediante props: props: ['id_cliente','id_cartera', '...
Smila's user avatar
  • 3
0 votos
0 respuestas
103 vistas

como llamar un componente vue 3 dentro del script setup de otro componente?

quiero llamar un componente vue3 en el scrip stup de otro componente ....como podria hacerlo? no quiro llamarlo en el template.Componet solo lo que devuelve un "hola mundo".... <script ...
Cuba Ruben's user avatar
0 votos
0 respuestas
96 vistas

TypeError: $setup.t is not a function al ejecutar yarn test:unit

Estoy intentando realizar un test unitario de un componente bastante sencillo que utiliza traducciones con el módulo vue-i18n. Os dejo por aquí los ficheros utilizados: src/i18n/index.ts import { ...
AlbertGmzL's user avatar
0 votos
1 respuesta
28 vistas

Rotación no funciona en Vue3 composition api

Estoy intentando hacer una rotación de una flecha cuando se hace click sobre ella, es el tipo ejemplo de menú desplegable, mi problema es que no consigo hacer que la flecha rote y que cambie de clase ...
JoCuTo's user avatar
  • 874
1 voto
1 respuesta
2k vistas

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

Hola tengo un component select option el cual me genera un error uso vue 3 con nuxt js [plugin:vite:vue] v-model cannot be used on a prop, because local prop bindings are not writable. Use a v-bind ...
vdjkelly's user avatar
  • 684
0 votos
1 respuesta
216 vistas

Usar extension responsive en Datatables y Vue 3

Tengo una aplicacion que corre el plugin datatables y funciona muy bien, pero me gustaria añadir la extension de comportamiento responsive del datatable pero me devuelve un error de tipado porque ...
AugustoM's user avatar
  • 914
0 votos
1 respuesta
52 vistas

Vue router no muestra el componente anidado

Tengo esta ruta en Vue router: { path: '/profile', name: 'profile', component: () => import('../pages/profile/ProfilePage.vue'), children: [ { path: 'edit', name: 'edit', ...
AugustoM's user avatar
  • 914
0 votos
1 respuesta
66 vistas

Error al instalar librerias en vue 3 con npm

Estoy instalando la libreria de vuelidate con el comando npm install @vuelidate/core @vuelidate/validators pero por alguna razon que no logro entender, me estan retornando estos errores, hace unos ...
Trance Code's user avatar
0 votos
0 respuestas
18 vistas

¿Como hacer dos watch con composition api?

estoy tratando de capturar los cambios de dos variables con composition api. Sé que con Vue 2 se hacía de la siguiente forma: watch: { localToData(newValue) { this.to = newValue }, ...
Diego Chavez's user avatar
0 votos
1 respuesta
46 vistas

Cargar distintos select en un formulario en vue3

Estoy trabajando en un formulario donde cargo un select que me funciona sin problemas, pero he agregado 2 nuevos select sigueindo la misma logica, pero estos no me estan funcionando... algo me estoy ...
Trance Code's user avatar
1 voto
1 respuesta
261 vistas

Enviar evento de componente padre a hijo

En el componente padre tengo una imagen con un evento @click="openLightbox" el cual me gustaría que cada vez que hago click en la imagen, mande el src de la imagen al componente hijo, y que ...
Romera02's user avatar