Как включить обязательную проверку в vuelidate на основе события onChange поля select - PullRequest
Новая
       24

Как включить обязательную проверку в vuelidate на основе события onChange поля select

0 голосов
/ 09 мая 2019

Я должен включить обязательную проверку для поля ввода на основе события onChange поля выбора.Я использую пакет vuelidate для проверки формы в моем проекте.Пожалуйста, предоставьте решение для этого.

Мой код шаблона ниже: 

<template>
    <section class="page_blk">
        <form @submit="submitForm($event)" class="cryp_form">
            <div class="input_ctrl_wrp">
                                <label for="username">Template</label>
                                <div class="input_select">
                                    <select @change="getTemplate" v-model="$v.adForm.tnc.$model" name="" id="">
                                        <option value="">Select</option>
                                        <option value="New">New</option>
                                        <option :value="term.idTnCTemplate" 
                                        v-for="term in termsList" 
                                        :key="term.idTnCTemplate">{{term.title}}</option>

                                    </select>
                                    <i class="fal fa-angle-down"></i>
                                </div>

                            </div>

                            <div class="input_ctrl_wrp">
                                <label for="username">Title</label>
                                <div class="input_text">
                                    <input v-model="$v.adForm.title.$model" placeholder="" type="text">
                                </div>

                            </div>

                            <div class="input_ctrl_wrp">
                                <label for="username">Terms Of Trade</label>
                                <div class="input_textarea">
                                    <textarea v-model="$v.adForm.content.$model" name="" rows="10"></textarea>
                                </div>

                            </div>
        </form>
    </section>
</template>

Мой скрипт ниже: 

<script>

import { required,requiredIf, decimal, numeric } from "vuelidate/lib/validators";


export default {

    data() {
        return {

            adForm: {

                tnc: '',
                title: '',
                content: '',
            }
        }
    },
    validations: {
        adForm: {
            tnc: {
                required
            },
            title: {
                required
            },
            content: {
                required: requiredIf( (abc) => {
                    console.log('abc',abc)
                    return true;
                })
            },
            schedule: {
                required
            }
        }
    },
    methods: {

        submitForm(e) {


        },
        getTemplate(e) {

        }

    },
    mounted() {

    }
}
</script>

Я хочу переключить проверку на требуемую дляполе заголовка и содержимого, если пользователь выбирает новый и другой вариант из выпадающего списка.Пожалуйста, предоставьте решение для этого.Заранее спасибо.

...