Используйте v-модель с v-select, где начальное значение v-модели отсутствует в теге items - PullRequest
Новая
       4

Используйте v-модель с v-select, где начальное значение v-модели отсутствует в теге items

2 голосов
/ 14 января 2020

Я хочу, чтобы значение, которое отсутствует в displayNumberList, было предварительно выбрано, но недоступно для выбора (иначе, не в displayNumberList).

Я обнаружил, что значение v-модели должно быть значение в displayNumberList для того, чтобы его можно было выбрать, есть ли способ обойти это? 

<v-select v-model="displayNumber" :items="displayNumberList"></v-select>

Вот данные 

data() {
    return {
      displayNumber: '12345678'
      displayNumberList: ['11111111','22222222']
    };
  },

Ответы [ 2 ]

3 голосов
/ 14 января 2020

Может быть, вы могли бы использовать использовать заполнитель: https://codepen.io/luizarusso/pen/KKwBKZj

<v-select
    v-model="model"
    :items="items"
    label="Items"
    placeholder="12345678"
>
</v-select>

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: () => ({
    items: ['11111111','22222222'],
  }),
})
0 голосов
/ 14 января 2020

Если я правильно понял ваш вопрос, вы можете сделать это, используя слоты для добавления / добавления элементов https://vuetifyjs.com/en/components/selects#prepend -append-item-slots

...