Невозможно проверить поле v-select, используя Vue.js и Vutify - PullRequest
Новая
       10

Невозможно проверить поле v-select, используя Vue.js и Vutify

0 голосов
/ 19 июня 2019

Я пытаюсь проверить выбранные поля на моем форуме, следуя инструкциям Vue.JS, использующим Vutify. Я не получаю консольного сообщения и / или ошибку, но проверка не сработает, и я все еще могу опубликовать форум.

Я попытался связать: правила для массива, объявленного в поле данных, но не повезло. 

<template>
<div class="add-product container">
    <H2 class="center-align">Add Product</H2>

        <div>
        <v-app>
            <v-form>       
                <v-container fluid grid-list-xl>
                <v-layout wrap align-center>
                    <!-- Category-->

                    <v-flex xs12 sm4 d-flex>
                    <v-select
                        :items="tcategory"
                        label="Category"
                        v-model="selectedCategory"
                        item-text="name"
                        item-value="id"
                        :rules="inputRules"
                    ></v-select>
                    </v-flex>
                </v-layout>

                      <div class="text-xs-center">
                        <v-btn color="#8bc34a" @click="submit">
                            Create Product
                        </v-btn>
                        </div>

                </v-container>


                </v-form>
            </v-app>
          </div>



</div>
</template>

export default {
    name: 'AddProduct',

    data(){
        return{
                 inputRules:[(v) => !!v || 'Item is required']


        }
    },
...