vue.js - 将 v-model 与 v-select 一起使用，其中初始 v-model 值不在 items 标签中

Question

我想要一个不在 displayNumberList 中的值被预选，但不可选择(也就是不在 displayNumberList 中)。

我发现 v-model 值必须是 displayNumberList 中的一个值才能被选中，有没有办法解决这个问题？

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

这是数据

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

Answer 1

也许你可以使用占位符: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'],
  }),
})