Tengo una página con un formulario de registro, después de enviar el formulario y devolver el éxito de la respuesta, necesito llamar a otro componente en la misma página, sin recargar la página, ¿cómo hacer esto?
Publicación de método desde formulario con respuesta:
axios( { method: 'post', // url: 'https://reqres.in/api/users', url: 'http://127.0.0.1:8000/api/clients', data: contactFormData }).then( function ( response ) { // Handle success. console.log( response ); }).catch( function ( response ) { // Handle error. console.log( response ); });Supongo que quiere decir 'revelar' el componente después de que la respuesta sea exitosa. Puedes probar a continuación:
<template> <div class="main-container"> <div class="register-form"> ... </div> <AnotherComponent v-if="isAnotherComponentShow" /> </div> </template>Luego, en la parte js:
export default { data() { return { isAnotherComponentShow: false } }, methods: { register() { axios({ method: 'post', url: 'http://127.0.0.1:8000/api/clients', data: contactFormData }).then( function ( response ) { this.isAnotherComponentShow = true // handle res }).catch( function ( response ) {}) } } }