VUE多选1.1.4，通过ID

Question

选择值，我增加多选组件，它看起来像这样

查看

<multiselect 
    :options="books" 
    :selected="selectedBook" 
    :show-labels="false" 
    placeholder="Choose your book" 
    label="name"> 
    <span slot="noResult">No books were found</span> 
</multiselect> 

脚本

<script> 
    export default { 
    data() { 
     return { 
     books: [], 
     selectedBook: null, 
     } 
    }, 
    created() { 
     this.getBooks(); 
     this.getFav(); 
    }, 
    methods: { 
     getBooks() { 
     this.$http 
     .get('/books/') 
     .then(
      function(response) { 
      this.books = response.json(); 
      } 
     ); 
     }, 
     getFav() { 
     this.$http 
     .get('/fav/') 
     .then(
      function(response) { 
      var fav = response.json(); 
      this.selectedBook = fav.id; 
      } 
     ); 
     } 
    } 
    } 
</script> 

响应

[{"id":1,"name":"ABC"},{"id":2,"name":"QWE"}] 

而我的问题是，我如何设置选定的书籍编号。当我设置这样，然后在输入显示ID，但我想要的书名。

Answer 1

使用track-by

<multiselect 
    ... 
    track-by="id" 
    label="name" 
    ... 
> 

裁判：https://monterail.github.io/vue-multiselect/#sub-single-select-object