jaheraho's questions

我对 vue.js 的目标是在确认提示出现之前更改 HTML。

索引.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>

（这是小提琴。）

问题：p-tag 在确认提示之前不显示。

我的问题：如何使 p-tag 在确认提示之前显示？

如有任何帮助，我们将不胜感激❤️