Registrar nuevos clientes
Comprar curso

39. Registrar nuevos clientes


4 comentarios

Inicia sesión para comentar

Comentarios:

  • Angel David Velasco Bonifaz

    Angel David Velasco Bonifaz hace 10 meses

    Para los que usan Vue 3, asi me quedo el codigo, para que funcionara la funcion
    <script>

                const { createApp } = Vue

                createApp({

                    data() {


     

                        return {

                            createForm:{

                                errors:[],

                                name: null,

                                redirect: null,

                            },

                        }

                    },

                    methods:{

                        store: function(){

                            axios.post('/oauth/clients', this.createForm)

                            .then(response => {

                                this.createForm.name=null;

                                this.createForm.redirect=null;

                                Swal.fire(

                                    'Deleted!',

                                    'Your file has been deleted.',

                                    'success'

                                );

                            }).catch(error =>{

                                alert('No has completado los datos correspondientes')

                            })

                        }

                    }

                }).mount('#app');

            </script>

  • Sammy Joseph

    Sammy Joseph hace 1 año

    Realizar estos cambios si se utiliza la versión más reciente de Vue:
    {{-- v-model ahora se escribe v-model="name" --}}

    <x-text-input v-model="name" type="text" class="w-full mt-1" />

    {{-- el script ahora se define de esta forma: --}}
    <script>

                // Vue 3

                const { createApp } = Vue

                createApp({

                    data() {

                        return {

                            name: 'hello name',

                            redirect: 'hello redirect',

                        }

                    }

                }).mount('#app')
    </script>

    Documentación:
    https://vuejs.org/guide/quick-start.html#using-the-global-build

  • Cfig

    Cfig hace 1 año

    Hola. En el video se hace uso de Vue2, para Vue3 al parecer (por lo menos en mi caso) no funciona correctamente. A continuación un ejemplo sobre como se crea actualmente un objeto Vue 3 segun la documentación https://vuejs.org/guide/quick-start.html por lo que se hizo la comparación junto con ajustes respectivos y funcionó:

    <script>
      const { createApp } = Vue
    
      createApp({
        data() {
          return {
            message: 'Hello Vue!'
          }
        }
      }).mount('#app')
    </script>

     

    • Jheyner David Ibagon hace 1 año

      yo instale vue 3 con laravel/ui y se configuro desde el archivo app.js lo que no he podido lograr es utilizar Vue globalmente con window.vue = vue la importacion no se definie como import vue from ‘vue’ al parecer no funciona, solo con import { createApp } from ‘vue’ pero no se como corregirlo

  • Javier Sayanes

    Javier Sayanes hace 1 año

    hola te consulto justo en esta parte de vue y axios no me estaría andando trato de pegar para que lo puedas ver.

    cdn:

       {{-- vue --}}

      <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>

        {{-- axios --}}

        <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>

    ----------------------------------------------------------------------------------------

    agrego el stack en app,blade:

       @stack('js')

    </body>

    lo llamo desde index.blade:

      </x-container>

        {{-- aca arrancamos vue --}}

        @push('js')

            <script>

                new Vue({

                    el: "#app",

                    data:{

                        createForm:{

                            name: "uno",

                            redirect: "dos",

                        }

                    }

                });

            </script>

        @endpush

    </x-app-layout>

    -----------------------------------------------------------------------------------

    lo relacione con los input:

     <x-text-input v-model="createForm.name"  type="text" class="w-full mt-1" />

     <x-text-input v-model="createForm.redirect"  type="text" class="w-full mt-1" />

    -----------------------------------------------------------------------------------

    pero no me muestra ni los input con parametros de prueba.

     

     

    desde ya pido disculpas por las molestias

    • Javier Sayanes hace 1 año

      Bien la solucion de mi problema era que no instalaba npm install axios y estaba trabajando en un servidor local y la cdn es para un cuando se sube la pagina,