@remlin1000
любитель

Как вынести правила Vuetify в отдельный файл?

Здравствуйте!
У меня есть vue компонент в котором описана форма Vuetify с правилами.
Так как компонентов с формами таких много, как можно вынести правила в отдельный файл и использовать их потом в компоненте?

Код приведен не весь, основное для понимания.

<template>
<v-form>
                                                <v-row>
                                                    <v-col>
                                                        <v-text-field
                                                                v-model="phisicalFace.surname"
                                                                label="Фамилия*"
                                                                :rules="requiredRules"
                                                                required
                                                        ></v-text-field>
                                                    </v-col>
                                                    <v-col
                                                            cols="12"
                                                            sm="6"
                                                            md="4"
                                                    >
                                                        <v-text-field
                                                                v-model="phisicalFace.name"
                                                                label="Имя*"
                                                                :rules="requiredRules"
                                                                required
                                                        ></v-text-field>
                                                    </v-col>
                                                    <v-col
                                                            cols="12"
                                                            sm="6"
                                                            md="4"
                                                    >
                                                        <v-text-field
                                                                v-model="phisicalFace.secondname"
                                                                label="Отчество"
                                                        ></v-text-field>
                                                    </v-col>
                                               </v-row>
</v-form>
</template>

<script>
    export default {
        name: "Form",
        data () {
            return {
                -//
                requiredRules: [
                    v => !!v || 'Пожалуйста, заполните это поле',
                ],
                phoneRules: [
                    v => (!v || v.length === 18) || 'Пожалуйста, введите телефон',
                ],
                emailRules: [
                    v => (!v || /.+@.+\..+/.test(v)) || 'Пожалуйста, введите адрес электронной почты',
                ],
                dateRules: [
                    v => (!v || /^(((0[1-9]|[12]\d|3[01])\.(0[13578]|1[02])\.((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)\.(0[13456789]|1[012])\.((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])\.02\.((19|[2-9]\d)\d{2}))|(29\.02\.((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/.test(v)) || 'Пожалуйста, введите дату',
                ],
-//
            }
        },
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы