[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)
Vinicius Maronez Pereira
Criador Vinicius Maronez Pereira 21/01/2020

Boa tarde estou testando o vue-spinner local,  não aparece carregando, O que pode ser? 

axios.put('/clinica/receitas-modelos/'+this.modeloSelecionadosEdita[0].id)

.then(response => {

this.loading = true

this.$snotify.warning("Modelo Alterado com sucesso!")

}).finally(() => this.loading = false) 

 
Manager Carlos Ferreira 21/01/2020

Olá, Vinicius!
Tudo bem?

No console apresenta algum erro (F12)? Me envie um print https://imgur.com/upload

Me dê mais detalhes, para eu pode te ajudar.

No aguardo amigo;

Carlos Ferreira
Criador Vinicius Maronez Pereira 21/01/2020

                            <button  @click.prevent="modeloReceitaEditar" type="button" class="btn btn-warning" ><i class="fa fa-floppy-o"></i>&nbsp;&nbsp; <scale-loader :loading="loading"></scale-loader>Editar</button>

import ScaleLoader from 'vue-spinner/src/ScaleLoader.vue'

axios.put('/clinica/receitas-modelos/'+this.modeloSelecionadosEdita[0].id)

.then(response => {

this.loading = true

this.$snotify.warning("Modelo Alterado com sucesso!")

nesse cógido, se eu comentar o finally

}).finally(() => this.loading = false) 

Nesse código se eu comentar o .finally(() => this.loading = false)  aparece o loading mas não some, o problema é quando uso o finally, ai não aparece nada. Sobre o console, não aparece nenhum erro.

Vinicius Maronez Pereira
Manager Carlos Ferreira 21/01/2020

Olá, Vinicius!

Você fez passou a propriedade loading para true somente dentro do método then, ficou errado, porque esse método só é chamado no final da requisição e quando ocorre tudo bem.

O seu código deve ficar assim:
modeloReceitaEditar() {
    this.loading = true

    axios.put(url)
            [...]
            .finally(() => this.loading = false)
}

Carlos Ferreira
wendel 21/01/2020

saudaçoes! Também estou com o mesmo problema:

data () {

    return {

      body: '',

      loading: false,

    }

  },

  methods: {

    keydownMessage (e) {

      if (e.keyCode === 13 && !e.shiftKey) {

        e.preventDefault()

        this.sendMessage()

      }

    },

    sendMessage () {

      this.loading = true

      this.$store.dispatch('storeMessage', {body: this.body})

                    .then(() => this.body = '')

                    .finally(() => this.loading = false)

    }

wendel
Manager Carlos Ferreira 21/01/2020

Olá, Wendel!
Tudo bem?

Abre uma nova thread (ticket) para discutirmos a sua dúvida amigo.

No aguardo.

Abs;

Carlos Ferreira
wendel 21/01/2020

Desculpe srsrss nem percebi que havia comentado aqui rsrss mas lá na aula 14 começou do nada a funcionar. Obrigado!

wendel
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!