Información de etiqueta

Respuestas populares con la etiqueta

15 votos
Aceptado

Javascript - Usar coma como separador de miles

Hice una investigación bastante exhaustiva del tema, y basaré mi respuesta sobre el resultado obtenido en la misma. En primer lugar, aunque ya se ha discutido la posibilidad de usar otro sistema de ...
10 votos
Aceptado

Diferencias entre Vue.js, Vue Cli, y Vue Laravel?

Vue te permite trabajar con el como: Opción 1 Dependencia de un proyecto e incluirlo de forma tradicional como lo hacías con JQuery, es decir lo invocas al final de tu documento HTML por medio de la ...
10 votos
Aceptado

para que sirve el operador ... en js?

En este caso mapGetters retornará un objeto con las funciones que hacen de getters en tu store Vuex. Todo esto gracias al operador spread (...) que va a extraer cada uno de los getters y dejarlos bajo ...
7 votos
Aceptado

¿ Cómo subir imagen desde VueJS a Laravel con Axios?

Para subir imágenes con axios por el método PUT, puede realizar un "truco" y enviar por post desde vue , pero en Laravel acceder al método PUT. (puede haber mejores formas de hacerlo pero ya queda ...
  • 23.7k
7 votos
Aceptado

Vue JS no funciona como librería en Django

Los deliminatores de Vue y de las plantillas de Django son iguales, deberías cambiarlos en la configuración de Vue. {% block scripts %} <script> var app = new Vue({ delimiters: ['${', '}']...
  • 5,116
7 votos
Aceptado

[Vue warn]: Cannot find element: #app

Independiente si el js que generas tu lo tienes a nivel de tu mismo .html o lo tienes en un archivo con extensión js por separado; deberías tener un orden como el siguiente: Idealmente invoca tus ...
6 votos

Vue iterar 2 array en un v-for con campos que tienen una relacion

Es más fácil si juntás los dos arreglos en uno solo. De esa manera, podes recorrer el arreglo obtenido con un v-for. Si esos arreglos los obtenés con una petición Ajax, en el momento que recibis la ...
6 votos
Aceptado

Mi objeto no reacciona a los cambios

TL;DR; Los objetos no son reactivos en vue per se, necesitas avisarle a vue que un objeto cambio para que sea reactivo. Hay que setear el objeto usando set o Object.assign Problemas en la deteccion ...
  • 20.1k
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 ...
  • 186
5 votos

Limitar maxlength en vue.js

El atributo maxlength solo aplica a cajas de texto que almacenan strings, no a números. Tienes algunas opciones, ahora se me ocurren dos maneras: usando una librería de validación y usando un handler ...
  • 19k
5 votos
Aceptado

¿Como agregar un objeto a un arreglo sin que se modifiquen los demás objetos?

Podrías simplemente copiar el objeto y guarda la copia en el arreglo. Para esto podrías usar Object.assign() Demo: var app = new Vue({ el: '#app', data: function () { return { ...
  • 31.9k
5 votos
Aceptado

Relación muchos a muchos Laravel y Vuejs

Creería que debes incluir la relación en la consulta con with(): $allMyPost = Post::with('tags') ->where('user_id', '=', Auth::user()->id) ->where('status', '!=', 'RECHAZADO') -&...
  • 29.1k
5 votos

¿Cómo usar Vuejs con php?

Puedes usar un framework de php como laravel que ya trae incluido vuejs https://laravel.com/docs/5.6/frontend#writing-vue-components Otra opción si no quieres usar Laravel es importar el script de ...
5 votos
Aceptado

Mostrar imágenes en VueJs y Laravel

Para poder añadir código JavaScript al atributo src deberá bindear haciendo uso de los dos puntos : antes del atributo y como se trata de JS podrá concatenar la palabra images antes. Documentación ;) ...
  • 23.7k
5 votos

Vue iterar 2 array en un v-for con campos que tienen una relacion

Voy a dejar otra respuesta, pero la de Pedro es valida. Simplemente vamos a hacer lo mismo, pero usando directamente VUE. de esa forma no tenemos que agregar ninguna libreria externa y no dependemos ...
  • 20.1k
5 votos
Aceptado

Vue iterar 2 array en un v-for con campos que tienen una relacion

Mi opinión es agregar una computed property para no sobrecargar el template. Lo recomendable es no poner demasiada lógica en los templates. JS computed: { productosConEstado: function () { ...
5 votos
Aceptado

Como hacer que typescript reconozca una prototype de vue

En la documentación oficial tienes cómo hacerlo: Tomas la declaración de la clase y la aumentas: import Vue from 'vue' // Specify a file with the types you want to augment // Vue has the constructor ...
  • 48.7k
5 votos
Aceptado

Ayuda al instalar Vue

Asegurate que la ruta: C:\Users\Your_User_Name\AppData\Roaming\npm se encuentre dentro de la variable de entorno Path. El proceso para agregar la ruta en Windows : Acceder a Sistema: Panel de ...
5 votos

Llamar funcion desde componente padre a componente hijo en vuejs

Hay muchas formas de hacer esto: Utilizando ref para comunicar el padre con el hijo: var ChildComponent = { template: '<div>{{value}}</div>', data: function () { return { ...
  • 20.1k
5 votos
Aceptado

Como pasar un atributo mediante un v-for a una lista en vue

Ya probaste de esta manera? <li v-for="(item, index) in searchProduct" :key="index"> <div class="image"> <img src="frontoffice/images/product/other/s05.jpg" alt> </...
5 votos
Aceptado

Pusher - Notificaciones en tiempo real, afectar el modelo en Vuejs

El problema está en la variable this, que no es lo que tu crees. Lo que debes saber acerca de this this (alias "el contexto") es un identificador especial dentro de cada función y su valor depende ...
  • 26.3k
5 votos

Pusher - Notificaciones en tiempo real, afectar el modelo en Vuejs

El problema se debe a que si usas bind sin indicar el contexto el valor de this será pusher Solución: Para indicar el contexto debes pasarlo así: var channel = pusher.subscribe('my-channel.' + this....
  • 31.9k
5 votos
Aceptado

Vue - Retornar información de un componente hijo al padre por propiedades

Hay dos maneras sanas de hacerlo y como 200 maneras terribles. De las primeras: 1.- Escuchar a un evento del hijo: en el padre: <template> <busqueda v-on:tengo_resultados="onResultados"&...
  • 22k
5 votos
Aceptado

En Quasar cuando trato de ejecutar el método charAt() de JavaScript me devuelve "TypeError: Cannot read property 'charAt' of undefined"

El problema en realidad no se relaciona con Quasar sino con Vue o incluso Javascript, un error común es escribir chartAt con "t" (que significaría gráfico), en vez de charAt (que sería carácter). En ...
5 votos
Aceptado

Tengo el siguiente array agrupado por el campo name de mi array, lo que deseo es reducir los elementos de cada grupo

Te propongo una estructura que parece más lógica, donde cada elemento del arreglo es un objeto con 3 propiedades: Nombre de cliente, importe de venta y un arreglo con detalle de productos: [ { &...
  • 25k
5 votos
Aceptado

Como obtener el error que recibo en los XHR responses

La solución la encontré acá: https://github.com/apollographql/apollo-client/issues/2810 Lo que necesito lo encuentro en el objeto e.networkError.result.errors La solución fue agregar dentro del ...
  • 2,609
5 votos

Mostrar arreglo con espacios entre cada dato diferente

Supongo que lo que buscas es más bien esto: array = ['proveedor1', 'proveedor1', 'proveedor2', 'proveedor3', 'proveedor4', 'proveedor4', 'proveedor4', 'proveedor5']; array.forEach((item) => { ...
  • 15.7k
4 votos
Aceptado

¿Es posible hacer Computed Properties para un array de objetos?

Una solución es crear otro arreglo computado y usar ese otro arreglo como tu fuente para la vista. Algo así var vm = new Vue({ el: '#example', data: { items: [{ a: 1 }, { ...
  • 12.7k
4 votos
Aceptado

Mostrar lista array en Vuejs

Si entiendo bien la estructura de tus datos y lo que intentas hacer, deberías iterar primero los items y luego los ingredientes de cada uno, si es que tienes más de uno de estos últimos: <div v-...
  • 29.1k

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