vue.js提交按钮时简单if判断表达式详解

前言

本文主要介绍vue.js提交按钮时简单if判断表达式的相关内容，分享给大家参考学习是一个简单的业务需求。下面就不多说了，看图说话。

1:充值金额未填写时，会出现Toast子弹框提示“请输入有效充值金额”

if(！this.money) { console.log('money '，money)；Toast({ message: '请输入有效的充值金额'，duration : 2000 })；}2:当第二个框中的实收金额未填写时，会出现Toast项目符号框提示“请输入有效的实收金额”

else if(！this . money real){ console . log(' money real '，money real)；Toast({ message: '请输入有效的支付金额'，duration : 2000 })；}3:两个输入框都填好后，会弹出消息框查询框

Else {MessageBox.confirm('您确定要充值吗？'、“提示”)。然后(动作={ })；}具体演示如下

模板div class=' app' mt-fieldlabel='充值金额' id='money' placeholder='请输入' v-model=' money ' type=' number '/Mt-field Mt-field label='实收金额' id='moneyReal' placeholder='请输入' v-model=' money real ' type=' number '/Mt-field div class=' recall ' button @ click=' chongzhifomember '填充值/button/div/div/模板脚本从' mint-ui '导入{field，messagebox，toast }；导出默认{data() {return {//会员卡余额}}，方法： {chongzhiformember () {if(！this.money) { console.log('money '，money)；Toast({ message: '请输入有效的充值金额'，duration : 2000 })；} else if(！this . money real){ console . log(' money real '，money real)；Toast({ message: '请输入有效的支付金额'，duration : 2000 })；} else {MessageBox.confirm('您确定要充值吗？'、“提示”)。然后(动作={ })；} } }，}/scriptstyle作用域。app { background : # f1 f1；高度： 17.78雷姆；} .充电按钮{ outline:无；border:无；height: 1rem宽度： 3.5雷姆；font-size : 0.5 rem；color:白色；背景# 449EF4border-radius : 0.15 rem；} .充电{ text-align : center；页边距-top : 1 rem }/样式摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。