在Vue中以V选择显示

Question

我在显示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);
}

Answer 1

v-select的{​​{1}}绑定到v-model，但是文档类型实际上存储在document.id中。另外，document.type.id应该初始化该值：

addDocument()

demo