Отображение в V-Select в Vue - PullRequest
Новая
       83

Отображение в V-Select в Vue

1 голос
/ 02 августа 2020

У меня проблема с отображением значений в v-select. Отображаемое значение должно быть name в type: { id: 2, name: "Certificate 2" }, но оно выглядит пустым.

Codepen 

addDocument() {
  this.form.documents.push({
    document_type: null,
    file: null
  });
},

removeDocument(document) {
  this.form.documents.splice(this.form.documents.indexOf(document), 1);
}

1 Ответ

0 голосов
/ 02 августа 2020

v-select имеет привязку v-model к document.id, но тип документа фактически сохраняется в document.type.id. Кроме того, addDocument() должен инициализировать это значение: 

<template>
  <!-- BEFORE -->
  <!-- <v-select v-model="document.id"></v-select> -->

  <v-select v-model="document.type.id"></v-select>
</template>

<script>
export default {
  methods: {
    addDocument() {
      this.form.documents.push({
        document_type: null,
        file: null,

        // initial document type
        type: {
          id: 2,
          name: "Certificate 2"
        },
      });
    },
  }
}
</script>

demo

...