v-if/v-else根据计算判断是否显示

判断输入的金额*数量是否大于当前余额 或者小于等于当前余额  (两种状态)

大于当前余额 

小于等于当前余额  

 

 html:

<view class="footer fc">
	<view class="baseBtn" v-if="(amount<=this.balance)" @click="creatPay()">创建优惠券             
     </view>
	<view class="baseBtn cur" v-else>余额不足,请先充值</view>
</view>

 data:

data() {
			return {
				quota: '', 					//发放数量
				couponAmount: '', 			//发放方式为固定时传 单个金额
				balance:'',            		//余额
			}
		},

我是在computed去做处理的

computed:{
			//判断单个金额*总数量是否大于余额
			amount: function(){
				return this.couponAmount * this.quota
			}
		},