#20 Parámetros dinámicos y rutas a través de eventos | Curso de Vue.js 😍 Desde Cero

[@d-landjs]

Excelente explicación maestro!!

[@barbiemorales5809]

No se puede hacer una etiqueta que lleve a "home" sin usar el método $router?

[@JValenteM92]

Al fin pude entender los parámetros dentro del router-link....Excelente!

[@bluuweb]

Genial! 🎉🎉🎉

[@federicoenmanuelcaceresfle66]

Si tienen problemas con el router-link agreguen así: { path: '/fotos/:id', name: 'fotos', component: () => import ('../views/Fotos.vue') } El name en :to="{ name: 'fotos', params: { id : item} }" debe ser tal cuál esta en la ruta

[@daidarnian]

Muchas gracias por el tutorial, aunque se vaya complicando de a poco, pues tus explicaciones ayudan demasiado :)

[@bluuweb]

Si puede costar al principio pero agarrando la práctica todo es más fácil jijij Saludos!

[@brandsupport6434]

Nuevo vídeo y nueva miniatura :) vamos con todo muchas gracias bluuweb

[@bluuweb]

Siiii nueva miniatura jijiji

[@divieraugustolondonocardon5208]

hola amigo. excelente tutorial!! estoy aprendiendo sobre los framework angular, vue js y react js. he visto este de vue y me ha parecido genial, explicas con mucha claridad. de casualidad tienes algun tutorial de react js?

[@augustocarvalhochavez3192]

buen tutorial no te olvides de enseñar la parte de autenticacion y registro a laravel passport con vuex porfa quedaria backan...

[@DanielVelasquez-nv2ld]

Solamente? xD

Algo mas? Jaja

[@orianamarquina6801]

y con roles y permisos :P

[@ChavezCastillok]

Super buenas explicaciones, ya queda de nuestra parte poner en practica en los casos que queramos desarrollar. Agradecido :)

[@rodry2580]

Moooy bueno, explica muy bien el tipo

[@Magistrado1914]

Excelente tutorial. Visto en 09/09/2019

[@julianavalos7898]

Muy buenos videos profesor, usted es uno de los mejores que he encontrado que da cursos y explica de manera muy bien. Quisiera pedirle ayuda a usted o a alguno que lea mi comentario si es que saben. Me gustaria poder implementar MaterializeCSS con Vue-CLI pero no he encontrado el modo de hacerlo, si alguien sabe porfavor le agradeceria me ayudara

[@tatoElpaisa]

www.npmjs.com/package/materializecss-vuejs-component

[@juandavidcastanosinning8708]

En cada video me sorprende más con las cosas que se pueden hacer en vue

[@bluuweb]

Es increíble jijiji Saludos Juan!

[@iamlagex]

¡Muchas gracias! :D Excelente explicación en todos los videos :)

[@christiandanielmoralesagui4659]

Excelente Video

[@RyokkMusic]

Eso del historial de rutas está muy interesante

[@joses1058]

Alguien me puede ayudar, tengo un sitio web que utiliza django y vue, y necesito que la ruta cambie con los filtros, es decir tengo un filtro para categoría, ubicación y precio, quiero utilizar vue-router pero no se como anidar la ruta ya que si utilizo pagina/:categoria funciona bien pero no se como hacer para que a la vez me salgan los demás filtros ejemplo: pagina/:categoria-:ubicación-:filtro

[@darterom]

buenas, si quiero obtener el id de la vista que estoy, para poder igualarlos a datos json de una api como lo podría hacer?

[@theacroguru]

{{ $route.params.id }}

[@johnvela1508]

Gracias por el conocimiento compartido, eres un crack!!

[@bluuweb]

Gracias por estar siempre apoyando! Saludos!!

[@andrespalermo4743]

En lugar de hacer 3 funciones distintas, usé una sola función a la que le pasé parámetros, la comparto por si a alguien le interesa los botones quedaron así: Previous Home Next Y la función es la siguente: navigate(direction){ if(direction === 'prev'){ this.$router.go(-1) }else if (direction === 'next'){ this.$router.go(1) }else { this.$router.push('/') }

[@osmeig6025]

Muy bueno! Pero por qué le pasás "direction" como parámetro? No hace falta.

[@proturguenev1820]

Yo hice los botones usando la funcion push y me sale este error "Uncaught (in promise)" cuando lo pulso muchas veces, que puede ser?

[@armakaisen]

Excelente, gracias...

[@deivisdavidsanchezmestra4889]

hola como hago para mandar un array de un componete a una vista urgente gracias

[@elnapol]

gracias

[@josemanuelsernavera8939]

hola profe , y como puedo subir mi vue-cli a un servidor compartido es posible ?

[@webmastersynapsisci8564]

Me encantó el tutorial, lo explicas muy bien, pero como hago para cargar una imagen dinamica segun la url ??

[@josearherrera07]

Gracias por el curso, va excelente. Tengo una duda, si le pongo en mi metodo anterior this.$router.go(-1), y esta en la foto 1, se va pero a la pesta;a servicios. Y si en mi funcion siguiente uso this.$router.go(1) no avanza, no suma 1, solamente me funciona si utilizo this.$router.go(+1), Porque sera? Gracias de antemano.

[@guillermootegui4705]

me sucede lo mismo, cuando uso this.$router.go(1). Lo pudiste solucionar?

[@leodistrital111]

Gracias por tu video, me surge una duda y es como es posible que el routerlink tome la variable item si esta antes del for que crea la variable ?

[@jguillendev]

Es porque se compita todo y una vez compilado ya todo está disponible

[@jguillendev]

Corrección: se Compila todo....

[@svtgless368]

Muy bueno, pero tengo 1 problema: cuando recargo la página, se queda en blanco y ya no muestra nada

[@dinael]

Primero que nada gracias por los tutos!! Tengo una pregunta: si en vez de navegar entre en el historial, quiero pasar al siguiente item: fotos/1 a fotos/2 incrementando el index de los item no? Había imaginado algo así: methods: { itemSiguiente(){ this.$router.push({...}); }, } Pero no doy con la manera Gracias

[@FabianMontoya]

Vi tu comentario y eso me llamó mucho la atención, dado que navegar por el historial no me parece lo más óptimo jaja, y lo solucioné de la siguiente manera, espero te ayude: methods: { home() { this.$router.push("/"); }, anterior() { let idFoto = parseInt(this.$route.params.id); for (let i of this.fotos) { if (this.fotos[i] == idFoto) { if (i > 0) { idFoto = idFoto - 1; } break; } } this.$router.push("/fotos/" + idFoto); //this.$router.go(-1); //Vuelve atrás del historial }, siguiente() { let idFoto = parseInt(this.$route.params.id); console.log(idFoto); let cantidadFotos = this.fotos.length - 1; console.log(cantidadFotos); for (var i = 0; i

[@manolocrypto]

a mi tambien me llamo la atencion, yo lo solucione con propiedades computadas... computed: { fotoSiguiente() { let id = parseInt(this.$route.params.id); let next = id+1; if (this.fotos.indexOf(next) >= 0) { return next; } return null; }, fotoAnterior() { let id = parseInt(this.$route.params.id); let last = id-1; if (this.fotos.indexOf(last) >= 0) { return last; } return null; } }, components: { Foto, }, methods: { siguiente() { if (this.fotoSiguiente) this.$router.push({name: 'fotos', params: {id: this.fotoSiguiente}}); }, anterior() { if (this.fotoAnterior) this.$router.push({name: 'fotos', params: {id: this.fotoAnterior}}); } } para todo hay sabores y colores :D saludos

[@bryanpinoargotevera410]

Lo de anterior y siguiente me recordó las listas enlazadas :u

[@jguillendev]

Oye amigo, si le das F5 el router ya no trabaja amigo y sale que no encuentra la ruta

[@bluuweb]

Lo vamos a revisar en videos posteriores :) Saludos!

[@jonathang.quispequiroz235]

tengo el mismo problema, saludos Ignacio, eres un excelente profesor.

[@ElBrennerTwitch]

Te sale algo de que la ruta 'foto' no existe? si es así yo lo solucione dejando el name en blanco, quedando asi : :to="{ name:'', params:{id: item} }" y ya me funcionaron los botones, espero te sirva hermano :)

[@yensex]

Oh ya no hay tutoriales

[@ISALINOBEATZ]

La cosa ya se esta complicando jajaja

[@bluuweb]

De apoco más y más jijiji Saludos!

[@stevenburgos9168]

No cae bien la forma en como hablas, pana cambia tu forma de hablar para las clases no es cómo escucharte.

[@Magistrado1914]

Excelente tutorial. Visto en 09/09/2019