Значение v-select v-model разбивается на новые строки в пробелах, когда пользователь щелкает, чтобы открыть раскрывающийся список.
Я попытался стайлинг (пробел), чтобы решить эту проблему. Я также попытался изменить строку на массив и перебрать массив, но это кажется излишним. Я использую JS, https://vue -select.org / и Vue. Я не использую v-select Vuetify.
Мои данные:
data: () => ({
selectedTitle: "Job Title"
}),
V-выбор:
<v-select
class="job-title-select"
:options="titles"
v-model="selectedTitle"
@change="(entry) => this.updateCriteria(entry, 'Job Title')"
taggable/>
Примечание: updateCriteria () отправляет данные в хранилище. Это не влияет на отображение v-select или изменения локальных значений. v-модель делает.
Ожидается: я должен видеть значение как «Должность», «Директор по персоналу», в одной строке, когда пользователь нажимает на v-select.
Результат: когда пользователь раскрывает или щелкает раскрывающийся список, он выглядит как заголовок раскрывающегося элемента (это не элементы раскрывающегося списка):
Job
Title
Director
Of
Stuff