vuejs v-if合并

Question

                     <template v-if="vo.goods_salesprice !=0">
                       优惠价格:{{vo.goods_salesprice/100}}
                    </template>
                    
                    <template v-if="vo.goods_salesprice ==0">
                        价格: {{vo.goods_price/100}}
                    </template>

Answer 1

<template>
    <div>
         <div v-if="vo.goods_salesprice !=0">
           优惠价格:{{vo.goods_salesprice/100}}
        </div>
        
        <div v-else>
            价格: {{vo.goods_price/100}}
        </div>
    </div>
</template>

几点建议：

1 用div或其他dom元素代替template，template在最外层套就行
2 v-else 要紧随v-if 不然会不识别