vue.js - 如何为 vuetify v-select 添加新选项

Question

我正在使用和 api 将数据加载到 v-select。我正在尝试添加一个新选项，值为 0 并全名。我尝试了以下代码，但它看起来不正确。有没有其他方法可以做到这一点。

            <v-select
              :items="familias"
              v-model="familiaFiltroId"
              label="Familia"
              item-text="nombre"
              item-value="familiaId"
              dense
              outlined
              required
            >
              <template v-slot:append-item>
                <v-divider></v-divider>
                <v-list-tile >
                  <v-list-tile-content>
                    <option value="0">-- All--</option>
                  </v-list-tile-content>
                </v-list-tile>
              </template>
            </v-select>

标签： vue.jsvuetify.js

Answer 1

familias您可以在填充后将新元素添加到开头：

let familias = [{"nombre":"1","familiaId":"1"},{"nombre":"2","familiaId":"2"}];
familias.unshift({"nombre":"--All--","familiaId":"0"});
console.log(familias);