简单来说,就是表单验证问题。比如货物买入,卖出,卖出的数量不能大于买入的数量的一个验证。代码如下:
<template>
<div>
<el-form :model="from" ref="from" :rules="rule">
<el-form-item label="买入数量" prop="buyAmount">
<el-input-number v-model="from.buyAmount" placeholder="请输入买入数量" clearable />
</el-form-item>
<el-form-item label="卖出数量" prop="sellAmount">
<el-input-number v-model="from.sellAmount" placeholder="请输入卖出数量" clearable />
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
name: 'BuyAndSell',
data () {
return {
from: {},//表单
rule: {
sellAmount: [
// { required: true, message: '请输入卖出数量', trigger: 'blur' },
{validator: (rule, value, callback) => {
if(value>this['from']['buyAmount']){
callback(new Error('卖出数量不应该大于买入数量,请重新输入卖出数量'))
}
//callback()必需,没有的话,重新填写,错误清除不了
callback()
}}
]
},
}
},
}
</script>