vant表单验证

以手机号跟座机号为例

html中

<van-field v-model="form.phone" label="联系方式" placeholder="请输入" input-align="right" />

计算属性中

computed: {
            phoneStyle() {
                let reg = /(^1[3|4|5|8][0-9]\d{4,8}$)|(^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$)/
                if (!reg.test(this.form.phone)) {
                    return false
                }
                return true
            },
        }

验证方法

applyBrand() {
                if (this.phoneStyle){
                    //验证成功的操作
                } else {
                    Dialog.alert({
                        message: '联系方式填写有误,
                    }).then(() => {
                    });
                }
            },