Jak volat komponentu, poté odeslat formulář úspěch?

0

Otázka

Mám stránku s registraci formulář, po odeslání formuláře a vrátí odpověď úspěch, musím zavolat jinou složku na stejné stránce, aniž by znovu načíst stránku, jak na to?

Metodou post z formuláře s odpovědí:

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 );

});
ajax javascript nuxt.js vue-component
2021-11-24 03:37:25
1

Nejlepší odpověď

1

Předpokládám, že jsi myslel 'odhalit' součásti po reakci úspěšné? Můžete zkusit níže:

<template>
  <div class="main-container">
    <div class="register-form">
      ...
    </div>
    <AnotherComponent v-if="isAnotherComponentShow" />
  </div>
</template>

Pak v js část:

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 ) {})
    }
  }
}
2021-11-24 08:37:14

zkoušel jsem toto řešení, a to práce, díky chlape.
gerSu

V jiných jazycích

Tato stránka je v jiných jazycích

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................