В сценарии

ользую VueJS v2.5.13 и Vuetify v0.17.6.

Я создаю выбор с функцией автозаполнения, и всякий раз, когда пользователь вводит что-то, чего нет в списке, он может видеть действие для создания новой опции, как показано в коде ниже:

<template>
<v-select prepend-icon="view_list" :items="options" label="Quick searches" v-model="selected" item-text="label" autocomplete :search-value="inputText" clearable dense>
    <template slot="item" slot-scope="data">
        <v-flex xs12>
            <v-layout>
                <v-layout justify-start fill-height align-content-center>
                    <span>{{data.item.label}}</span>
                </v-layout>
                <v-layout justify-end row>
                    <v-icon color="success" @click="edit(data)">mod_edit</v-icon>
                    <v-icon color="error" @click="del(data)">delete_forever</v-icon>
                </v-layout>
            </v-layout>
        </v-flex>
    </template>
    <template slot="no-data">
        <v-container>
            <v-layout row>
                <v-layout justify-start fill-height align-content-center>
                    Create new search
                </v-layout>
                <v-layout justify-end>
                    <v-icon color="success" @click="create()">add</v-icon>
                </v-layout>
            </v-layout>
        </v-container>
    </template>
</v-select>

Как я могу получить доступ к тексту, который печатает пользователь, чтобы создать новый «быстрый поиск», используя текст автозаполнения пользователя в качестве метки?

Ответы на вопрос(3)

Ваш ответ на вопрос