Vuelidate中的嵌套对象验证

时间:2019-09-10 16:58:38

标签: vue.js vuelidate

我们有一个规则对象,其中包含一个过滤器数组。当我们在模式中创建新规则时,我们将添加一些过滤器。这些过滤器将有一个键和一个值。我们要逐个验证这些值。

<div id="filterList" v-for="(ruleFilter, index) in newRule.filters">

    <div class="col-md-5 form-group" v-bind:class="{ 'has-error': $v.newRule.filters.$each[index].value.$error }">
        <div class="has-success form-group has-feedback" >
            <div>
                <input type="text" id="eMail" v-model.trim="ruleFilter.value" @input="$v.newRule.filters.$each[index].value.$touch()" placeholder="Gönderen Bilgisi" class="form-control">
            </div>
        </div>
    </div>
</div>

validations: {
    newRule: {
        filters: {
            $each: {
                value: {
                    required
                }
            }
        }
    }
},

methods: {
    validate() {
        for (filter in this.newRule.filters) {
            this.$v.filter.value.$touch();
            let isValid = !this.$v.filter.value.$invalid;
            this.$emit('on-validate', this.filter.value, isValid);
        }
    }
}
JSONArray parentArray = new JSONArray(finaljson);

0 个答案:

没有答案