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].
103
preguntas
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 ...
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 ...
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 ...
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 ...
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 ...
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
...
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 ...
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-...
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>
...
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 ...
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 ...
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 ...
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:...
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 ...
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 ...
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 (...
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: ()=>...
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&...
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 ...
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 ...
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 ...
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 ...
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 ...
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....
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 "...
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 ...
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 ...
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 ...
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 ...
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-...
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 ...
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', '...
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 ...
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 { ...
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
...
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 ...
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 ...
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',
...
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 ...
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
},
...
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 ...
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 ...