javascript - How to deal with two v-ifs in vue.js?

Question

 <span><i class="fz14 oStatus" v-if="site.order_status === 1">+</i>{{site.order_amount}}</span><br>        
       <span><i class="fz14 oStatus" v-if="site.order_status === 2">-</i>{{site.order_amount}}</span><br>

Why does it appear twice? I only want data with or -, what should I do?

Answer 1

Your v-if was added in the wrong position, it should be added on <span>.

Answer 2

It would be better to use if-else