<template>
<van-dialog v-model="show" @cancel="cancel()" @confirm="Sure()" title="弹框标题名" show-cancel-button>
<van-form ref="form" style="margin:20px 20px;">
<van-field
v-model="numOne"
label="金额"
name="numOne"
placeholder="请输入金额"
@blur="num"
:rules="[{ validator, message: '请输入正确的金额数字' }]"/>
</van-form>
</van-dialog>
</template>
<script>
data() {
return {
show: false,
}
}
methods:{
validator(val) {
console.log(val)
return /^[1-9]\d{0,11}(\.\d{1,2})?$|^0(\.\d{1,2})?$/.test(val);
},
num() {
this.$refs.form.validate().then(() => {
this.show = false;
}).catch(() => {
this.show = true //你的操作
})
},
Sure() {
this.num()
// this.show = false;
},
cancel() {
this.show = false;
},
}
</script>
vant van-dialog嵌套表单验证金额数字保存2位小数
最新推荐文章于 2024-07-24 11:08:22 发布