jaheraho's questions

Meu objetivo com vue.js é alterar o HTML antes que apareça um prompt de confirmação.

index.html

    <div id='vueexample'>
        <button @click="colorFunction()">Click me!</button>
    <p v-if="userIsDeciding" style="background-color: yellow;">The user has to decide.</p>
</div>
<script src='https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js'></script>
<script>
new Vue({
    el: '#vueexample',
    data: { userIsDeciding: false },
    methods: {
        colorFunction: function() {             
            this.userIsDeciding = true; 
      if(confirm("please confirm")){
        //some stuff
      } 
            this.userIsDeciding = false;    
        }
    }
});
</script>

(Aqui está o violino.)

O problema: p-tag não é mostrado antes do prompt de confirmação.

Minha pergunta: como posso fazer com que o p-tag seja exibido antes do prompt de confirmação?

Qualquer ajuda é apreciada ❤️