vue.js - vuejs v-if合并

问题描述

问 题

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

解决方案

<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 不然会不识别

这篇关于vue.js - vuejs v-if合并的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！